前端知库

Panda CSS

Chakra 团队出品、构建时生成静态 CSS 的类型安全 CSS-in-JS 方案。

用 css() 函数、布局 pattern 或 JSX 样式属性在 TypeScript 中写样式,构建时扫描代码生成原子化静态 CSS,浏览器端没有样式运行时,因此可以用于 React Server Components。

通过 recipe(cva)定义组件基础样式与变体,用核心令牌和语义令牌管理设计变量;项目中会生成 styled-system 目录供代码导入,输出的 CSS 使用级联层和 CSS 变量。

许可:MIT。