<page url="/docs/native/getting-started">
# Introduction

**Category**: native
**URL**: https://www.heroui.com/docs/native/getting-started
**Source**: https://raw.githubusercontent.com/heroui-inc/heroui/refs/heads/v3/apps/docs/content/docs/native/getting-started/index.mdx
> An open-source UI component library for building beautiful and accessible user interfaces.


***

HeroUI Native is a React Native component library built on [Tailwind v4](https://tailwindcss.com/blog/tailwindcss-v4) via [Uniwind](https://uniwind.dev/) and modern mobile development technologies. Every component comes with smooth animations, polished details, and built-in accessibility—ready to use, fully customizable.

<NativeImageHeroView />

## Why HeroUI Native?

**Beautiful by default** — Professional look out of the box, no extra styling needed.

**Accessible** — Accessibility is managed following mobile development best practices, with proper focus management, touch accessibility, and screen reader support built into every component.

**Flexible** — Each component is made of customizable parts. Change what you need, leave the rest.

**Developer-friendly** — Fully typed APIs, predictable patterns, and excellent autocompletion.

**Maintained** — We handle updates, bug fixes, and new features. Just update the package.

**Lightweight** — Tree-shaken. Only what you use goes into your app.

**Future-proof** — Compatible with the latest [Expo](https://expo.dev/) and on [Tailwind v4](https://tailwindcss.com/blog/tailwindcss-v4) via [Uniwind](https://uniwind.dev/), designed for AI-assisted development.

## A Living Library, Not Copy-Paste

Copy-paste code works until it breaks. You're left maintaining outdated dependencies that stop evolving.

HeroUI Native is different. It's a living library that grows with you:
- Automatic updates and fixes
- New features without extra work
- Components stay current with React Native, Tailwind, and mobile platforms
- Deep customization, not shallow theme tweaks
- AI-friendly APIs for code generation

HeroUI Native is not a snapshot—it's a garden that keeps growing. 🌱

## HeroUI Ecosystem

- **🌐 HeroUI v3** (web) — React components with Tailwind CSS v4
- **📱 HeroUI Native (mobile)** — Beautiful components for React Native
- **🤖 [HeroUI Chat](https://heroui.chat?ref=heroui-v3)** (text-to-app) — Create apps with natural language
- **🧠 UI for LLMs** — New platform & MCPs coming soon

## FAQ

**Is HeroUI Native free?**
Yes, completely free and open source under the Apache License 2.0.

**Is it production-ready?**
Yes, HeroUI Native is production-ready and actively used in production apps.

**Can I customize the components?**
Yes! Update default styles, animations or compose component parts differently. Every slot is customizable.

**Does it work with TypeScript?**
Fully typed with excellent IDE support and autocompletion.

**What about accessibility?**
Accessibility follows mobile development best practices with proper focus management, touch accessibility, and screen reader support built into every component.

**Is there a Figma file?**
Yes! Access our design system at [HeroUI Figma Kit V3](https://www.figma.com/community/file/1546526812159103429).

## Get Involved

Join the community, share feedback, or contribute:

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

HeroUI Native is released under the [Apache License 2.0](https://github.com/heroui-inc/heroui-native/blob/main/LICENSE).
</page>