{"data":{"slug":"tailwindcss","name":"Tailwind CSS","tagline":"Utility-first CSS that developers love","category":"design","categoryName":"Design","url":"https://tailwindcss.com","github":"https://github.com/tailwindlabs/tailwindcss","pricing":"open-source","hook":"Tailwind is CSS for developers who hate CSS.","whatsGood":"Utility classes eliminate the naming problem. The design system is built-in. JIT compilation means only used styles ship. The plugin ecosystem extends capabilities.","theCatch":"HTML becomes verbose. The utility-first paradigm requires adjustment. Complex components need extraction. Some designers find it limiting.","verdict":"The CSS framework that made styling productive.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":97431},"related":[{"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"},{"slug":"storybook","name":"Storybook","tagline":"UI component workshop"}],"links":{"self":"/api/gems/tailwindcss","html":"/gems/tailwindcss","markdown":"/gems/tailwindcss.md","category":"/api/gems?category=design","categoryPage":"/stacks/design"}}