
UnoCSS Has a Free API — The Instant On-Demand Atomic CSS Engine
What if your CSS framework only generated the CSS you actually used — instantly, with zero config, faster than any alternative? UnoCSS is an atomic CSS engine. Not a framework — an engine. It generates CSS on demand based on what you use. Why UnoCSS Instant — 5x faster than Tailwind CSS JIT Preset system — Tailwind, Windi, Bootstrap, Tachyons presets Fully customizable — write your own rules with regex Attributify mode — group utilities as HTML attributes Icons — any Iconify icon as a CSS class Variant groups — hover:(bg-blue text-white) shorthand Quick Start npm install -D unocss <!-- Tailwind-compatible by default --> <div class= "p-4 bg-blue-500 text-white rounded-lg hover:bg-blue-600" > Hello UnoCSS </div> <!-- Attributify mode --> <div p= "4" bg= "blue-500 hover:blue-600" text= "white" rounded= "lg" > Cleaner syntax </div> <!-- Variant groups --> <div class= "hover:(bg-blue-600 text-lg scale-105) transition-all" > Grouped variants </div> Icons as CSS <!-- Any icon from Iconify — l
Continue reading on Dev.to Webdev
Opens in a new tab


