UnoCSS

unocss.dev

Instant on-demand atomic CSS engine — flexible, fast alternative to Tailwind.

Overview

UnoCSS is an instant, on-demand atomic CSS engine designed for speed and flexibility. Unlike traditional CSS frameworks, it features no core utilities by default; instead, all functionalities are provided via customizable presets. This makes it highly extensible and lightweight. It boasts high performance by avoiding parsing, AST generation, or scanning, making it significantly faster than alternative JIT engines. UnoCSS integrates seamlessly with popular build tools like Vite, Webpack, and PostCSS, and offers features like Attributify mode, pure CSS icons, and variant groups.

Key features

  • On-demand atomic CSS generation
  • Fully customizable preset system
  • Attributify mode
  • Pure CSS icons support
  • Variant groups shorthand
  • Interactive inspector
  • CDN runtime build
Pros
  • Extremely fast compilation
  • Zero dependencies
  • Highly customizable with presets
  • Lightweight bundle size
  • Rich integrations with Vite, Webpack, and PostCSS
Cons
  • Requires learning preset-based configuration
  • No default core utilities without presets
Use this if
You want a highly customizable, ultra-fast atomic CSS engine with rich build tool integrations.
Skip this if
You prefer a traditional CSS framework with pre-configured styles and no build-step setup.

Best for

Frontend developersVite usersDevelopers seeking fast CSS compilation

Alternatives

Tailwind CSSWindi CSS

Compare UnoCSS alternatives

More Library

Compare all
View React Query
React Query

Data-fetching and state management library designed to handle server state in web applications.

View dotenv
dotenv

Zero-dependency module loading environment variables from .env files into Node.js apps.

View Solidjs
Solidjs

JavaScript library designed for building user interfaces with a focus on declarative syntax and efficiency.

View ahooks
ahooks

React hooks library with battle-tested utilities for common UI and async patterns.