unocss

UnoCSS

El motor CSS Atomic instantáneo bajo demanda.

Recomiendo encarecidamente leer esta publicación de blog.
Reimaginar CSS atómico
por la historia detrás

Documentación | Documentos interactivos | Zona de juegos | Tutorial

Características

Inspirado en Windi CSS, Tailwind CSS y Twind, pero:

• Totalmente personalizable, sin utilidades básicas. Todas las funcionalidades se proporcionan a través de ajustes preestablecidos.

• Sin análisis, sin AST, sin escaneo, es INSTANTÁNEO (5 veces más rápido que Windi CSS o Tailwind JIT).

• ~6kb min+brotli: cero departamentos y compatible con el navegador.

• Atajos: utilidades de alias, dinámicamente.

• Modo Attributify: agrupa utilidades en atributos.

• Iconos CSS puros: utilice cualquier icono como una sola clase.

• Grupos variantes: abreviatura de utilidades de grupo con prefijos comunes.

• Directivas CSS: reutilice utilidades en CSS con la directiva @apply .

• Modo de compilación: sintetiza varias clases en una en el momento de la compilación.

• Inspector: inspecciona y depura de forma interactiva.

• Compilación CSS-in-JS Runtime: use UnoCSS con una línea de importación CDN.

• Extensión de código VS

• División de código para CSS: incluye CSS mínimo para MPA.

Documentación

Lea la documentación para más detalles.

Instalación

• vite

• Nuxt

• Astro

• paquete web

• Tiempo de ejecución de CDN

• CLI

• Extensión de código VS

• Configuración ESLint

• PublicarCSS

Reconocimiento

UnoCSS es posible gracias a la inspiración de los siguientes proyectos:

en orden alfabético

• ACSS

• Utilidades de arranque

• Accesorios de estilo de interfaz de usuario de chakras

• IU semántica

• Taquiones

• CSS de viento de cola

• gemelo

• Windi CSS

Patrocinadores

Licencia

Licencia MIT © 2021-ACTUAL Anthony Fu