Chakra UI 是一个用于快速构建产品的组件系统。可访问的 React 组件,用于构建高质量 Web 应用和设计系统。与 Next.js RSC 兼容。
文档
这是最新版 Chakra UI 的网站:https://chakra-ui.com。
- 最新版:https://chakra-ui.com
- v2:https://v2.chakra-ui.com
- v1:https://v1.chakra-ui.com
- v0:https://v0.chakra-ui.com
安装
要使用 Chakra UI 组件,只需安装 @chakra-ui/react
包及其对等依赖项。
# with Yarn
$ yarn add @chakra-ui/react @emotion/react
# with npm
$ npm i @chakra-ui/react @emotion/react
# with pnpm
$ pnpm add @chakra-ui/react @emotion/react
# with Bun
$ bun add @chakra-ui/react @emotion/react
使用方法
在此处阅读文档:https://www.chakra-ui.com/docs/get-started/installation
贡献
在此处阅读贡献指南:https://www.chakra-ui.com/docs/get-started/contributing
支持 Chakra UI
组织
用您的组织来支持本项目。您的标志将在此处显示,并带有指向您网站的链接。 [贡献]
个人
捐赠 5 美元或更多,即可支持本项目的持续开发。您的支持将不胜感激。感谢所有支持者! 🙏 [贡献]
用户评价
人们经常给我推荐各种 React 组件库和设计系统。这可能是我见过的最好的一个。API 简洁但可组合,我查看过的几个组件的可访问性非常完善。
出色的工作 @thesegunadebayo,非常有启发性。– Ryan Florence
@thesegunadebayo 推出的超棒新开源组件库。确实令人印象深刻!– Colm Tuite
这项工作令人难以置信。Segun 干得漂亮!– Lee Robinson
Chakra UI 太棒了!我喜欢它对焦点样式的持续使用和微妙的动画 – Guillermo ▲
奖项与提及
对于 Chakra UI 为 JavaScript 生态系统带来的所有创新和影响力,我们非常荣幸能获得社区的奖项和提及。
许可协议
MIT © Segun Adebayo