- Notifications
You must be signed in to change notification settings - Fork874
The instant on-demand atomic CSS engine.
License
NotificationsYou must be signed in to change notification settings
unocss/unocss
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
The instant on-demand Atomic CSS engine.
💡 I highly recommend reading this blog post -
Reimagine Atomic CSS
for the story behind
📚 Documentation |🧑💻 Interactive Docs |🤹♂️ Playground |🎓 Tutorial
Inspired byWindi CSS,Tailwind CSS, andTwind, but:
- Fully customizable - no core utilities. All functionalities are provided via presets.
- No parsing, no AST, no scanning, it'sINSTANT (5x faster than Windi CSS or Tailwind JIT).
- ~6kb min+brotli - zero deps and browser friendly.
- Shortcuts - aliasing utilities, dynamically.
- Attributify mode - group utilities in attributes.
- Pure CSS Icons - use any icon as a single class.
- Variant Groups - shorthand for group utils with common prefixes.
- CSS Directives - reuse utils in CSS with
@apply
directive. - Compilation mode - synthesizes multiple classes into one at build time.
- Inspector - inspect and debug interactively.
- CSS-in-JS Runtime build - use UnoCSS with one line of CDN import.
- VS Code extension
- Code-splitting for CSS - ships minimal CSS for MPA.
Read thedocumentation for more details.
UnoCSS is made possible thanks to the inspirations from the following projects:
in alphabetical order
MIT License © 2021-PRESENTAnthony Fu
About
The instant on-demand atomic CSS engine.