UnoCSSMotor de CSS Atómico Instantáneo Bajo Demanda

Personalizable · Potente · Rápido · Divertido

Completamente Personalizable

Sin utilidades principales, todas las funcionalidades se proporcionan a través de presets.

Comenzar

Sin análisis, sin AST, sin escaneo. Es 5x más rápido que Windi CSS o Tailwind CSS JIT.

Cero dependencias y compatible con navegadores: ~6kb min+brotli

Soporte de primera clase para Vite, Webpack, PostCSS, CLI, VS Code, ESLint, etc.

Aprende más

Alias o agrupación de utilidades, dinámicamente

Configuración y uso

Agrupa utilidades en atributos

@unocss/preset-attributify

Usa cualquier icono como una sola clase

@unocss/preset-icons

Abreviatura para agrupar utilidades con prefijos comunes

@unocss/transformer-variant-group

Reutiliza utilidades en CSS con la directiva @apply

@unocss/transformer-directives

Sintetiza múltiples clases en una al momento de la compilación

@unocss/transformer-compile-class

Inspecciona y depura interactivamente

@unocss/inspector

Usa UnoCSS con una sola línea de importación CDN

@unocss/runtime