---
title: 介绍
description: 开源 React Native UI 组件库，用于构建美观且易于访问的移动界面。
icon: book-open
image: https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/native/heroui-native-og-light-1.webp
---

HeroUI Native 是基于 [Tailwind v4](https://tailwindcss.com/blog/tailwindcss-v4) 与 [Uniwind](https://uniwind.dev/) 的 React Native 组件库，并面向现代移动端技术栈。每个组件都带有流畅动画、精致细节与内置无障碍支持——开箱即用，亦可深度定制。

<NativeImageHeroView target="home" />

## 为什么选择 HeroUI Native？

**默认即美观** — 专业观感开箱即有，无需额外堆样式。

**无障碍优先** — 遵循移动端无障碍最佳实践，内置合理的焦点管理、触控可达性与读屏支持。

**高度可组合** — 每个组件由可替换的子部件构成；按需改动，其余保持不变。

**开发者友好** — 类型完备的 API、可预期的模式与出色的自动补全。

**持续维护** — 由团队负责更新、修复与新特性；你只需升级依赖。

**轻量按需** — 支持 Tree-shaking，仅打包实际使用的部分。

**面向未来** — 兼容最新 [Expo](https://expo.dev/)，并通过 [Uniwind](https://uniwind.dev/) 建立在 [Tailwind v4](https://tailwindcss.com/blog/tailwindcss-v4) 之上，同时便于 AI 辅助开发。

## 一个精心打造的组件库，而非复制粘贴

复制粘贴的代码在依赖停滞时会变成维护负担。

HeroUI Native 则不同，它是与你共同演进的组件库：

- 自动更新和修复
- 无需额外工作即可获得新功能
- 组件与 React Native、Tailwind 与移动平台保持同步
- 深度定制，而非浅层主题调整
- 面向代码生成的 AI 友好 API

## HeroUI 生态

- **🌐 HeroUI v3（Web）** — 基于 Tailwind CSS v4 的 React 组件
- **📱 HeroUI Native（移动端）** — 面向 React Native 的美观组件
- **🤖 [HeroUI Chat](https://heroui.chat?ref=heroui-v3)**（自然语言生成应用）— 用对话创建应用
- **🧠 面向 LLM 的 UI** — 全新平台与 MCP 即将推出

## 常见问题

**HeroUI Native 是否免费？**  
是的，基于 Apache License 2.0 完全免费且开源。

**是否可用于生产？**  
可以。HeroUI v3 已经稳定，可放心用于生产环境。

**能否自定义组件？**  
可以。可更新默认样式与动画，或重新组合子部件；每个插槽都可定制。

**是否支持 TypeScript？**  
完整类型定义，IDE 体验与自动补全良好。

**无障碍方面如何？**  
遵循移动端无障碍最佳实践，内置焦点管理、触控可达性与读屏支持。

**是否有 Figma 资源？**  
有！欢迎访问我们的设计系统：[HeroUI Figma Kit V3](https://www.figma.com/community/file/1546526812159103429)。

## 参与其中

加入社区、分享反馈或参与贡献：

- [GitHub Discussions](https://github.com/heroui-inc/heroui-native/discussions)
- [Discord](https://discord.gg/9b6yyZKmH4)
- [X/Twitter](https://x.com/hero_ui)
- [贡献指南](https://github.com/heroui-inc/heroui-native/blob/main/CONTRIBUTING.md)

HeroUI Native 采用 [Apache License 2.0](https://github.com/heroui-inc/heroui-native/blob/main/LICENSE) 发布。
