这个项目能做什么
HeroUI 由 heroui-inc 维护(此前称为 NextUI),是一个 React UI 组件库。根据其 README,它将 React Aria 的无障碍行为与 Tailwind CSS v4 的样式相结合。它提供复合组件 API(如 Card.Header 和 Card.Content),且不需要 Provider 包装器。该库声明支持 React 19 和 Next.js。
该项目提供 @heroui/react 作为完整组件包,@heroui/styles 仅用于样式和主题,以及 @heroui/button 和 @heroui/modal 等独立包,以实现可摇树优化(tree-shakeable)的单组件导入。安装方式为 npm install @heroui/react。
README 强调了 AI 驱动的开发支持:为 Cursor、Claude Code 和 Windsurf 等编辑器提供名为 @heroui/react-mcp 的 MCP 服务器包;在 heroui.com/llms.txt 提供 llms.txt 文件以提供结构化的组件上下文;以及可通过 npx heroui-cli agents-md 安装的智能体技能。
文档位于 heroui.com(当前为 v3 版本),v2 版本位于 v2.heroui.com。Storybook 可在 storybook-v3.heroui.com 查看,并提供了 Figma kit 链接。社区渠道包括 Discord、X 和 GitHub Discussions。项目欢迎在贡献指南和行为准则下进行贡献。采用 MIT 许可证。
README 指出 HeroUI 适用于 SaaS 应用、仪表盘、管理面板、电子商务店面、营销网站,以及重视设计和无障碍性的 React 或 Next.js 项目。它还包含一个对比表,将其定位为相对于 shadcn/ui、MUI、Chakra UI 和 Mantine 的“内置功能齐全”且“Tailwind 原生”的方案。
评论
0 评分人数达到10人后显示
登录后参与讨论。