UnoCSS

Generate utility CSS on demand with UnoCSS, an atomic CSS engine that includes presets and an interactive playground.

unocss.dev
UnoCSS homepage screenshot

About UnoCSS

UnoCSS is an atomic CSS engine that generates utility CSS on demand. It has no built-in core utilities; all functionality is provided through presets. The homepage says it performs no parsing, AST building, or scanning, and claims to be five times faster than Windi CSS or Tailwind CSS JIT. The project describes itself as zero-dependency and about 6 kB minified and brotli-compressed.

It integrates with Vite, Webpack, PostCSS, the CLI, VS Code, and ESLint, and offers a CDN runtime build that is loaded with one line of import. The homepage lists pricing as unknown, and the source does not state a license or repository.

Key features

  • Shortcuts that alias or group utilities dynamically
  • Attributify mode for grouping utilities in HTML attributes
  • Pure CSS icons, where any icon is used as a single class
  • Compilation mode that combines multiple classes into one at build time
  • CSS directives for reusing utilities in CSS with @apply
  • Interactive inspector for inspecting and debugging utilities
Best for: Front-end developers who want utility-class styling generated on demand and configured through presets and build-tool integrations.
Good for
  • Zero dependencies and a small reported bundle size of about 6 kB min+brotli
  • Integrations with Vite, Webpack, PostCSS, CLI, VS Code, and ESLint
  • Customizable through presets, with no core utilities included by default

UnoCSS at a glance

Website
unocss.dev
Type
Website
Pricing
Not confirmed. Check the site
Platforms
Web
Open source
Not stated
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

UnoCSS alternatives

Tools and sites you could use instead, ranked by how closely they match.

Panda CSS

panda-css.com

Generate type-safe CSS styles at build time with Panda CSS, an atomic CSS-in-JS system.

Popular in CSS & Web Styling

Well-known listings from the same topic.

All 24

UnoCSS FAQ

Which build tools does UnoCSS integrate with?
The homepage lists first-class support for Vite, Webpack, PostCSS, CLI, VS Code, and ESLint, among others.
Can UnoCSS be used without a build step?
The homepage describes a CDN runtime build that can be used with one line of CDN import.
How does UnoCSS compare on speed?
The homepage states that it is 5x faster than Windi CSS or Tailwind CSS JIT. This is the project's own claim and the source does not provide a benchmark.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing