Pro--% off in--d : --h : --m : --s
2.3k

Introduction

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 via Uniwind and modern mobile development technologies. Every component comes with smooth animations, polished details, and built-in accessibility—ready to use, fully customizable.

HeroUI v3 Introduction

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 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.

Get Involved

Join the community, share feedback, or contribute:

HeroUI Native is released under the Apache License 2.0.

On this page