Introduction
An open-source UI component library for building beautiful and accessible user interfaces.
HeroUI Native is a component library built on Tailwind v4 via Uniwind and modern mobile development technologies. Every component comes with smooth animations, polished details, and built-in accessibility—ready to use, fully customizable.
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 and on Tailwind v4 via Uniwind, 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 (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 MIT license.
Is it production-ready? Currently in beta. We're actively working towards a stable release with community feedback.
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.
Get Involved
Join the community, share feedback, or contribute:
HeroUI Native is released under the MIT License.