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 Modules, BEM 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!
By the way, what do you know about the CSS Calc function?