UnoCSSInstant On-demand Atomic CSS Engine

Anpassbar · Leistungsstark · Schnell · Freude

Vollständig anpassbar

Keine Kern-Utilities, alle Funktionalitäten werden über Presets bereitgestellt.

Erste Schritte

Kein Parsing, kein AST, kein Scannen. Es ist 5x schneller als Windi CSS oder Tailwind CSS JIT.

Null Abhängigkeiten und browserfreundlich: ~6kb min+brotli

Erstklassige Unterstützung für Vite, Webpack, PostCSS, CLI, VS Code, ESLint usw.

Mehr erfahren

Utilities aliasen oder gruppieren, dynamisch

Konfiguration und Verwendung

Utilities in Attributen gruppieren

@unocss/preset-attributify

Verwenden Sie jedes Icon als einzelne Klasse

@unocss/preset-icons

Kurzform für Gruppen-Utils mit gemeinsamen Präfixen

@unocss/transformer-variant-group

Utils in CSS mit @apply-Direktive wiederverwenden

@unocss/transformer-directives

Synthetisiert mehrere Klassen zur Build-Zeit in eine

@unocss/transformer-compile-class

Interaktiv inspizieren und debuggen

@unocss/inspector

Verwenden Sie UnoCSS mit einer Zeile CDN-Import

@unocss/runtime