Generate type-safe CSS styles at build time with Panda CSS, an atomic CSS-in-JS system.
UnoCSS
Generate utility CSS on demand with UnoCSS, an atomic CSS engine that includes presets and an interactive playground.

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
- 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
- Category
- Development › CSS & Web Styling
- 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.
Popular in CSS & Web Styling
Well-known listings from the same topic.
UnoCSS FAQ
Which build tools does UnoCSS integrate with?
Can UnoCSS be used without a build step?
How does UnoCSS compare on speed?
Tell us and an editor will check it.
Claim the listing and suggest updates yourself. An editor checks every claim first.







