UnoCSS Atomic Engine
Use the on-demand atomic CSS engine that's 5x faster than Tailwind JIT. UnoCSS gives you Tailwind-compatible utilities plus icons, attributify mode, shortcuts, and zero-runtime presets.
This skill sets up UnoCSS with presets (uno, attributify, icons, typography, web-fonts), variant groups, shortcuts, and rule customization. Covers Vite, Astro, Nuxt, and Vue plugin integration, plus migration from Tailwind including arbitrary value handling.
unocss atomic-css tailwind-alternative vite
When to use
Use when build performance matters, when you want Tailwind utilities plus pure-CSS icons from any icon set, or when migrating off Tailwind for the speed and flexibility wins.
Examples
Astro + UnoCSS with icons
Set up UnoCSS in Astro with the icons preset
Configure UnoCSS in an Astro project with presetUno, presetAttributify, and presetIcons using Lucide and Heroicons collections
Migrate from Tailwind
Drop-in replacement with shortcut compatibility
Migrate a Tailwind v3 Vue project to UnoCSS preserving theme tokens, dark mode, and custom plugins via shortcuts