# Panda CSS

> CSS-in-JS with build-time extraction

**Category:** Design  
**Pricing:** open-source  
**URL:** https://panda-css.com  
**GitHub:** https://github.com/chakra-ui/panda  
**Added:** 2026-08-19

---

## The Hook

Panda CSS is CSS-in-JS without the runtime cost.

## What's Good

Build-time extraction means zero runtime. Type-safe tokens catch errors. Recipes enable component variants. RSC compatible out of the box.

## The Catch

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.