Stylify

Stylify is a library that generates CSS dynamically based on what you write. Dynamic Selectors: Thanks to them, you define a selector only once and reuse it in various ways. Dynamic Screens: Screens can be dynamic and combined using logical operands like && and || Native Preset: Native Preset is a configuration that if used provides almost all CSS properties (678 selector types) from Chrome, Firefox, Safari, Mozila and Opera. There is no css you can't write. Components: Define one selector and use it across whole project with the same style. Plain Selectors: Allows you to style global selectors like div, article > h1 and etc. using Stylify. Variables: Allows you to reuse repetitive values. Bundler: With the Bundler you can generate CSS bundles for your project and mangle selectors without any extra work. CSS Chunks: CSS can be generated separately for each page, layout or component. This provides a way to generate small CSS files you can use only when needed. Mangled HTML: Compiler can easily mangle long selectors like font-weight:bold into _abc123 Fast builds: Because Stylify doesn't ship with any CSS it won't slow down your build by purging unwanted code Profiler: In case you want to see CSS size, forgot a component name, Profiler can be added into a page any by one click you can find what you need.