# Panda CSS

一款现代 CSS-in-JS 库，提供出色的样式功能、静态生成和类型安全。

[Website](https://panda-css.com) [GitHub](https://github.com/chakra-ui/panda) [npm](https://npmjs.com/package/@pandacss/dev)

这款创新的样式库融入了 CSS-in-JS 原则，让开发者能够在构建时生成样式，以获得最佳性能。Panda CSS 致力于提供对开发者友好的体验，具备类型安全样式、多变体支持以及与服务器组件兼容等功能。

Panda CSS 的核心能力是生成现代 CSS 代码，并运用级联层和 CSS 变量等先进的 CSS 特性。该库支持设计令牌，让开发者能够高效定义基础令牌和语义令牌。

Panda CSS 注重降低学习门槛并提供出色的开发体验，让开发者能够使用实用工具函数和配方创建组件样式。该库还可与流行的 JavaScript 框架无缝集成，适用于各种项目。

官方 Panda Mastery 课程现已推出，旨在帮助用户学习该库的实际应用，并自信地构建一致的设计系统。

## 功能

- CSS-in-JS
- 构建时生成样式
- 兼容 RSC
- 支持多变体
- 类型安全的样式
- 支持设计令牌
- 易用的配方

## 详情

**GitHub 个星标**

5.3K

**NPM 下载量**

76.8K/周

**最新版本**

0.48.0

**创建时间**

Jul 27, 2022

**更新时间**

Dec 6, 2024

**许可证**

MIT License

在这里投放广告？

[给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20KickstartUI%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A)

[广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=kickstartui)

## 相关项目

### [Corset](https://kickstartui.com/zh/details/corset/)

以响应式方式增强你的 HTML，让 JavaScript 绑定不再复杂繁琐。

**GitHub 个星标**

277

**更新时间**

Nov 16, 2024

**许可证**

BSD 2-Clause "Simplified" License

### [Nue](https://kickstartui.com/zh/details/nuejs/)

这个创新平台以更直观的方式整合设计与开发，重新定义用户体验的构建方式，让开发者无需承担传统流程的额外负担，专注于打造出色的用户体验。

**GitHub 个星标**

34

**更新时间**

May 27, 2022

**许可证**

MIT License

### [usehooks-ts](https://kickstartui.com/zh/details/usehooks-ts/)

一组 React Hooks，为应用提供即用型解决方案，确保类型安全和高效开发。

**GitHub 个星标**

6.6K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Alpine.js](https://kickstartui.com/zh/details/alpinejs/)

一款精简而强大的框架，可直接在标记中编写行为逻辑。

**GitHub 个星标**

28.5K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Angular](https://kickstartui.com/zh/details/angular/)

这款框架为构建动态且可扩展的 Web 应用提供了强大方案。其丰富的功能可满足希望以灵活且有条理的方式开发应用的需求。

**GitHub 个星标**

96.4K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Astro](https://kickstartui.com/zh/details/astro/)

这款 Web 框架面向希望以最少开销和出色性能构建快速、以内容为中心的网站的开发者。

**GitHub 个星标**

47.4K

**更新时间**

Dec 6, 2024

**许可证**

Other

### [dndkit](https://kickstartui.com/zh/details/dndkit/)

一款工具包，可帮助开发者轻松在 React 应用中实现拖放功能。

**GitHub 个星标**

13.3K

**更新时间**

Dec 6, 2024

**许可证**

MIT License

### [Docusaurus](https://kickstartui.com/zh/details/docusaurus/)

一个帮助轻松创建文档网站的项目，让你专注于内容和易用性。

**GitHub 个星标**

57.0K

**更新时间**

Dec 6, 2024

**许可证**

MIT License
