Le moteur CSS Atomic instantané à la demande.
Je recommande fortement de lire cet article de blog -
Réimaginer le CSS atomique
pour l'histoire derrière
Documents | Documents interactifs | Aire de jeux | Tutoriel
Inspiré de Windi CSS, Tailwind CSS et Twind, mais :
Entièrement personnalisable – aucun utilitaire de base. Toutes les fonctionnalités sont fournies via des préréglages.
Pas d'analyse, pas d'AST, pas d'analyse, c'est INSTANTANÉ (5x plus rapide que Windi CSS ou Tailwind JIT).
~ 6 Ko min + brotli - zéro dépôt et convivial pour les navigateurs.
Raccourcis - alias d'utilitaires, dynamiquement.
Mode Attributifier - regrouper les utilitaires dans les attributs.
Icônes CSS pures - utilisez n'importe quelle icône comme classe unique.
Groupes de variantes - raccourci pour les utilitaires de groupe avec des préfixes communs.
Directives CSS - réutilisez les utilitaires en CSS avec la directive @apply
.
Mode compilation : synthétise plusieurs classes en une seule au moment de la construction.
Inspecteur - inspectez et déboguez de manière interactive.
Construction CSS-in-JS Runtime - utilisez UnoCSS avec une ligne d'importation CDN.
Extension du code VS
Fractionnement de code pour CSS - fournit un minimum de CSS pour MPA.
Lisez la documentation pour plus de détails.
Vite
Nuxt
Astro
Pack Web
Durée d'exécution du CDN
CLI
Extension du code VS
Configuration ESLint
PostCSS
UnoCSS est rendu possible grâce aux inspirations des projets suivants :
par ordre alphabétique
ACSS
Utilitaires d'amorçage
Accessoires de style d'interface utilisateur Chakra
Interface utilisateur sémantique
Tachyons
CSS vent arrière
Twind
Windi CSS
Licence MIT © 2021-PRÉSENT Anthony Fu