Building a lightweight CSS formatter

• csstree

  1 1,843 7.1 JavaScript

  A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations

  

After thinking about the problem for a while I realised that I could enlist the help of CSSTree to do some of the work. The CSS Analyzer is based on CSSTree's AST, so I know how the thing works and the dependency is already on the page, so no need to download more dependencies. Prettier + Postcss cost almost 340kB to download, which isn't huge, but it would be nice if we could reduce that amount.

• format-css

  1 9 7.9 JavaScript

  Fast, small, zero-config library to format CSS using basic rules.

  

If you want to see more: the source code for this can be found on GitHub, where I'm currently in the process of making this a standalone NPM package.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• prettier

  444 48,433 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

The first iteration of our prettifier used Prettier, a very popular and respectable project that can pretty-print hundreds of different languages. Even before testing I was already pretty sure this was going to be a slow function call, so I went ahead and made sure to only import the relevant modules and to put the function in a WebWorker to run it off the UI thread.

Suggest a related project