1. Universal Rendering
Fela was designed to be capable of universal rendering (client- and server-side rendering) from the very beginning. The renderer, which is the core of Fela, ships with universal rendering capabilities that can be utilized by both the DOM renderer and the server renderer to ship a seamless universal rendering experience.
2. Local Namespace
Each rule is transformed into unique CSS classes by design. Hence there is no chance of any conflicts due to the global namespace.
3. Dead Code Elimination
Fela only adds styles to the markup that have actively been rendered. Unused style declarations are left out by default.
5. Minimal Markup Size
Fela uses atomic class design to enable minimal markup size. That means, every single declaration e.g.
color: red is transformed into a unique CSS class. This enables modular style reuse on declaration basis. In general, the more styles are rendered, the more duplicate declarations it contains.
6. High Performance
Check the css-in-js-perf-tests repository for benchmark results.
7. No Global State