HeroUI

HeroUI 是一套给 React 和 React Native 用的界面组件库。它要解决的问题很具体：同一个产品在网页和手机端往往要各写一套界面，改一次主题得改两处。HeroUI 的做法是主题只设一次，Web 和原生端都跟着变，组件本身免费开源。

主要功能

开源部分提供 120 多个 Web 与 Native 组件，覆盖按钮、表单、弹窗这类常见界面元素。付费的 HeroUI Pro 在此之上加了 5 套整页模板（仪表盘、CRM、邮件、聊天、财务）、3 套主题（Glass、Brutalist、Mouve），以及把品牌色、字体、素材映射成主题的设计系统配置。它还提供 Figma 文件与插件，让设计稿和代码保持同步；AI Builder 可以先用文字描述界面，反复调整后把成品 UI 复制进代码。

页面还展示了 HeroUI Agents，一个能嵌进产品里、理解产品并返回生成式界面的智能体，目前需要申请才能使用。另有 HeroSpace，一个把邮件、日历、任务、笔记放在一起的 Mac 应用，属于同一生态里的独立产品。

适合谁

正在做 React 或 React Native 项目、不想从零写组件的前端开发者。如果项目需要网页和移动端共用一套视觉，或者团队想快速搭出后台、聊天这类整页界面，Pro 的模板能省掉一部分排版工作。

费用与限制

开源组件免费，Pro 的模板、主题、AI 工具和私有 Discord 频道要付费，具体价格在独立的定价页上。界面为英文，文档和社区也以英文为主。使用前需要熟悉 React 生态，纯静态站点或非 React 技术栈用不上。