前言
在 React 开发中,从零构建美观、可访问且一致的 UI 组件既耗时又容易出问题。不少 UI 库要么牺牲了可访问性来换取颜值,要么定制成本极高,难以适配不同的设计系统。开发者需要的是开箱即用好看、又能深度定制的组件库。
今天给大家推荐的 HeroUI(前身 NextUI),是一款开源的 React 组件库,在 GitHub 上获得了 3 万余 Star。它将 React Aria 的可访问性 rigor 与 Tailwind CSS v4 的灵活性结合在一起,提供 75+ 个 Web 组件和 37 个 Native 组件,开箱即用、设计精美、可深度定制。
简介
HeroUI v3 是对广受欢迎的 NextUI 库的全面重写,基于 React Aria Components 和 Tailwind CSS v4 构建。它提供 75+ 个 Web 组件和 37 个 React Native 组件,拥有可访问性行为、类型化 API、可组合定制和精美的默认样式,同一套代码同时支持 React Web 和 React Native。
文档方面,HeroUI 不仅提供了安装指南、组件 API、示例、主题定制和迁移说明,还为 AI 编程助手准备了机器可读资源:llms.txt 索引、markdown 格式文档、Docs Agent API 和 MCP 包。开发者可以查看源码、使用免费包,并将每个组件适配到自己的设计系统中。项目开源,生产环境就绪。
演示截图



