{"data":{"slug":"panda-css","name":"Panda CSS","tagline":"CSS-in-JS with build-time extraction","category":"design","categoryName":"Design","url":"https://panda-css.com","github":"https://github.com/chakra-ui/panda","pricing":"open-source","hook":"Panda CSS is CSS-in-JS without the runtime cost.","whatsGood":"Build-time extraction means zero runtime. Type-safe tokens catch errors. Recipes enable component variants. RSC compatible out of the box.","theCatch":"Different mental model from both Tailwind and traditional CSS-in-JS. Ecosystem is younger. Migration from other solutions takes work.","verdict":"CSS-in-JS for the RSC era.","addedAt":"2026-08-19","featured":false,"domain":"Design","subSpecialty":"UI","capabilities":[],"surfaces":["Self-host"],"ecosystem":["Browser"],"licenseModel":"OSS/MIT","githubStars":6178},"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/panda-css","html":"/gems/panda-css","markdown":"/gems/panda-css.md","category":"/api/gems?category=design","categoryPage":"/stacks/design"}}