← All libraries

UnoCSS

CSS
↗ Official site

CSS & styling

Instant, on-demand atomic CSS — like Tailwind but faster and more flexible.

What it does

UnoCSS generates utility CSS on-demand — only the classes you use are included in the final stylesheet. It's compatible with Tailwind classes and adds powerful extras like icons and shortcuts.

When to use it

Use this when you want a highly configurable atomic CSS engine with faster build times than Tailwind.

Real example

You have a huge design system with custom shorthand classes and want sub-millisecond build times. Prompt: 'Configure UnoCSS with a custom shortcut: btn: "px-4 py-2 rounded-lg font-semibold". Add the Tailwind preset so you can still use standard classes. Enable the Icons preset to use any icon with i-[collection]-[name] syntax.'

Good to know

Faster than Tailwind in dev. More complex to configure. Use Tailwind unless you have a specific reason to switch.

Alternatives

Install

$ npm install unocss

Use cases

utility CSSatomic CSSfast buildstyling

Language

CSS

Category

CSS & styling

More in CSS & styling

Other tools in the same category

JS NativeWind

Use Tailwind CSS classes in your React Native app.

mobile stylingTailwindReact Native
CSS Tailwind CSS

Style your UI with short utility classes directly in your HTML.

stylingutility CSSresponsive design
CSS Open Props

CSS custom properties (variables) for consistent design tokens.

design tokensCSS variablesdesign system
CSS Sass / SCSS

CSS with superpowers — variables, nesting, mixins, and more.

CSSstylingvariables