Die sofortige On-Demand-Atomic-CSS-Engine.
Ich kann die Lektüre dieses Blogbeitrags nur wärmstens empfehlen -
Stellen Sie sich Atomic CSS neu vor
für die Geschichte dahinter
Dokumentation | Interaktive Dokumente | Spielplatz | Anleitung
Inspiriert von Windi CSS, Tailwind CSS und Twind, aber:
Vollständig anpassbar – keine zentralen Dienstprogramme. Alle Funktionalitäten werden über Voreinstellungen bereitgestellt.
Kein Parsen, kein AST, kein Scannen, es ist SOFORT (5x schneller als Windi CSS oder Tailwind JIT).
~6kb min+brotli – null Deps und browserfreundlich.
Verknüpfungen – dynamisches Aliasing von Dienstprogrammen.
Attributierungsmodus – Gruppieren Sie Dienstprogramme in Attributen.
Reine CSS-Symbole – verwenden Sie jedes Symbol als einzelne Klasse.
Variantengruppen – Abkürzung für Gruppen-Utils mit gemeinsamen Präfixen.
CSS-Direktiven – Wiederverwendung von Dienstprogrammen in CSS mit @apply
-Direktive.
Kompilierungsmodus – synthetisiert mehrere Klassen zur Erstellungszeit zu einer.
Inspektor – interaktiv prüfen und debuggen.
CSS-in-JS-Runtime-Build – verwenden Sie UnoCSS mit einer Zeile CDN-Import.
VS Code-Erweiterung
Codeaufteilung für CSS – liefert minimales CSS für MPA.
Weitere Informationen finden Sie in der Dokumentation.
Vite
Nuxt
Astro
Webpack
CDN-Laufzeit
CLI
VS Code-Erweiterung
ESLint-Konfiguration
PostCSS
Möglich wurde UnoCSS durch die Inspirationen aus folgenden Projekten:
in alphabetischer Reihenfolge
ACSS
Bootstrap-Dienstprogramme
Requisiten im Chakra-UI-Stil
Semantische Benutzeroberfläche
Tachyonen
Rückenwind-CSS
Twind
Windi CSS
MIT-Lizenz © 2021-GEGENWART Anthony Fu