Panda CSS
Chakra 团队出品、构建时生成静态 CSS 的类型安全 CSS-in-JS 方案。
用 css() 函数、布局 pattern 或 JSX 样式属性在 TypeScript 中写样式,构建时扫描代码生成原子化静态 CSS,浏览器端没有样式运行时,因此可以用于 React Server Components。
通过 recipe(cva)定义组件基础样式与变体,用核心令牌和语义令牌管理设计变量;项目中会生成 styled-system 目录供代码导入,输出的 CSS 使用级联层和 CSS 变量。
许可:MIT。
资料核对:2026-10-30反馈此资源