Panda css是一个样式引擎，它生成样式基元，以类型安全和可读的方式编写原子CSS和食谱。

Panda CSS结合了JS中CSS的开发经验和原子CSS的性能。它利用静态分析来扫描JavaScript和TypeScript文件，以查找JSX风格的道具和函数调用，并按需生成样式（也称为实时）

PandaCSS的特点

• 为 Style 定义对象和 props 并在构建中提取它们
• 现代 CSS 输出 — 级联层 @layer、css 变量等
• 适用于大多数JavaScript框架
• 专题和变体
• 支持同步主题
• 类型安全样式和自动完成（通过codegen）

支持的框架

文档中提到的支持的框架有：

Next.js
Solid
Vite
Svelte
Remix
vue

链接: https://www.fly63.com/nav/4027