UnoCSS

The instant on-demand Atomic CSS engine.

💡 I highly recommend reading this blog post -
Reimagine Atomic CSS
for the story behind

Features

Fully customizable - no core utilities. All functionalities are provided via presets.
No parsing, no AST, no scanning, it's INSTANT (5x faster than Windi CSS or Tailwind JIT).
~6kb min+brotli - zero deps and browser friendly.
Shortcuts - aliasing utilities, dynamically.
Attributify mode - group utilities in attributes.
Pure CSS Icons - use any icon as a single class.
Variant Groups - shorthand for group utils with common prefixes.
CSS Directives - reuse utils in CSS with @apply directive.
Compilation mode - synthesizes multiple classes into one at build time.
Inspector - inspect and debug interactively.
CSS-in-JS Runtime build - use UnoCSS with one line of CDN import.
VS Code extension
Code-splitting for CSS - ships minimal CSS for MPA.

Read the documentation for more details.

UnoCSS is made possible thanks to the inspirations from the following projects:

in alphabetical order

Name		Name	Last commit message	Last commit date
Latest commit History 2,745 Commits
.github		.github
.vscode		.vscode
bench		bench
docs		docs
examples		examples
interactive		interactive
packages		packages
playground		playground
scripts		scripts
test		test
.gitattributes		.gitattributes
.gitignore		.gitignore
.npmrc		.npmrc
.tazerc.json		.tazerc.json
CODEOWNERS		CODEOWNERS
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
alias.ts		alias.ts
eslint.config.js		eslint.config.js
netlify.toml		netlify.toml
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
tsconfig.json		tsconfig.json
vitest.config.ts		vitest.config.ts
vitest.workspace.ts		vitest.workspace.ts