Lightning fast
Tired of waiting for your browser to refresh your styles? encre-css leverages Rust's speed to outperform traditional frameworks like TailwindCSS and UnoCSS, ensuring rapid style generation and application for enhanced efficiency
Learn moreModular
encre-css is designed for modularity, allowing you to easily create or integrate custom plugins to extend functionality
Learn moreDesign-friendly
Do you need particular colors or screen breakpoints? Or do you have a clear idea of what a button should look like but you don't want to copy-paste the same list of classes every time? encre-css makes creating a design system very easy. You just have to write a TOML config file to define your own design system.
Learn moreLorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar a velit ac blandit.
Tailwind-compatible
You just want to try out encre-css without spending too much time? Your codebase is already ready! Just replace the `tailwindcss` command with `encrecss` and it will work!
Learn more
$ tailwindcss --content source.js | grep "{" | wc -l
Rebuilding...
Done in 477ms.
1115
$ encrecss build -i source.js | grep "{" | wc -l
1115
Without repetition
encre-css supports variant groups to avoid repetition and all existing CSS values (where possible) instead of being limited to an opiniated list
Learn more
<div class="border-3 dark:(text-white,hover:text-red-400)">
<div class="order-12 rotate-23"></div>
<button class="bg-blue-500 (hover,focus-within):bg-blue-400"></button>
</div>
Custom utilities
encre-css supports custom CSS selectors, values and properties with auto-infered property name based on the property value
Learn more
<div class="[&_.keyword]:text-red-400 bg-[url('/image.png')]">
<span class="keyword">fn</div>
</div>