heroui-native
React Native component library with Uniwind styling, semantic variants, and compound component patterns.
- Built on Uniwind (Tailwind CSS for React Native) with HSL color format; do not apply web HeroUI patterns or colors
- Includes accessible, customizable components (Button, Card, TextField, Dialog) using compound component structure accessed via dot notation
- Provides semantic variants (primary, secondary, tertiary, danger, ghost, outline) that adapt to light/dark themes via CSS variables
- Requires GestureHandlerRootView and HeroUINativeProvider wrapping; uses
onPressevent handlers instead ofonClick - Fetch component MDX docs before implementing for complete props, anatomy, and examples
HeroUI Native Development Guide
HeroUI Native is a component library built on Uniwind (Tailwind CSS for React Native) and React Native, providing accessible, customizable UI components for mobile applications.
Installation
curl -fsSL https://heroui.com/install | bash -s heroui-native
CRITICAL: Native Only - Do Not Use Web Patterns
This guide is for HeroUI Native ONLY. Do NOT apply HeroUI React (web) patterns — the package, styling engine, and color format all differ:
More from heroui-inc/heroui
heroui-react
HeroUI v3 React component library (Tailwind CSS v4 + React Aria). Use when building UIs with HeroUI — creating Buttons, Modals, Forms, Cards; installing @heroui/react; configuring dark/light themes with oklch variables; or fetching component docs. Keywords: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles.
5.3Kheroui-migration
HeroUI v2 to v3 migration guide for agents. Use when migrating HeroUI v2 apps to v3, upgrading components, or accessing migration documentation. Keywords: HeroUI migration, v2 to v3, migration guide, upgrade HeroUI.
1.3K