CSS Blocks for design systems and app components

CSS Blocks for design systems and app components
Average rating: 0
(0 votes)

Thanks! You’ve rated this material!

You already know that we love everything new and try to bring all the newest stuff to you as soon as possible. CSS Blocks for your design systems and app components is a blazing fast CSS! Inspired by CSS ModulesBEM and Atomic CSS, CSS Blocks is the next evolution of best practices with high performance and maintainable stylesheets.

CSS Blocks is an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets. By combining an opinionated authoring system, build-time analysis and rewriting of templates, and a new type of CSS optimizer, css-blocks empowers the best practices that stylesheet developers already know and love.

With css-blocks added to your project, you receive:

  • One CSS file per component
  • Scoped styles
  • Nearly non-existent runtime (~500b)
  • Blazing fast stylesheets
  • Project-wide optimization
  • Build time CSS errors
  • Dead code elimination
  • Object-oriented inheritance

But, most importantly, CSS Blocks is Statically Analyzable!

Find all the information here and on GitHub.

By the way, what do you know about the CSS Calc function?

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111