{"data":{"slug":"unocss","name":"UnoCSS","tagline":"MIT instant on-demand atomic CSS engine","category":"design","categoryName":"Design","url":"https://unocss.dev","github":"https://github.com/unocss/unocss","pricing":"open-source","hook":"UnoCSS is atomic CSS on-demand when Tailwind’s full pipeline feels heavy and you still want utility-class ergonomics.","whatsGood":"MIT. unocss/unocss. Instant on-demand atomic CSS engine with presets (incl. Tailwind-compatible), attributify/shortcuts, and Vite/webpack/nuxt integrations. Docs unocss.dev; npm `unocss`. Source github.com/unocss/unocss.","theCatch":"Vs Tailwind CSS (ecosystem gravity) and lightningcss (transform/minify): UnoCSS is the *engine + presets* lane, not the Tailwind company product. Preset/config choice decides whether your class names look familiar; team muscle memory may still prefer stock Tailwind docs and plugins.","verdict":"MIT atomic CSS engine. Free forever; utilities without shipping a full prebuilt sheet.","addedAt":"2026-09-13","featured":false,"domain":"Design","subSpecialty":"UI","subcategory":"UI","tags":["self-host","permissive","license-unclear","active"],"capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":18982,"starsPerWeek":72,"access":"free","archived":false,"repo":{"createdAt":"2021-09-30","pushedAt":"2026-10-16","license":"NOASSERTION","archived":false,"checkedAt":"2026-10-19"}},"related":[{"slug":"tailwindcss","name":"Tailwind CSS","tagline":"Utility-first CSS that developers love"},{"slug":"shadcn-ui","name":"shadcn/ui","tagline":"Copy-paste components built on Radix"},{"slug":"radix-ui","name":"Radix UI","tagline":"Unstyled, accessible React components"},{"slug":"framer-motion","name":"Framer Motion","tagline":"Production-ready React animations"},{"slug":"figma","name":"Figma","tagline":"Collaborative design tool in the browser"}],"links":{"self":"/api/gems/unocss","html":"/gems/unocss","markdown":"/gems/unocss.md","category":"/api/gems?category=design","categoryPage":"/stacks/design"}}