heroui-react
Accessible React component library built on Tailwind CSS v4 and React Aria with compound component patterns.
- Provides 20+ pre-built components (Button, Modal, Form, Card, TextField, etc.) using compound composition syntax (
Card.Header,Card.Content) - Requires Tailwind CSS v4 and uses CSS variables with oklch color space for theme customization; no provider wrapper needed in v3
- Semantic variant system (
primary,secondary,tertiary,danger,ghost,outline) for consistent intent-driven styling across components - Currently in beta; fetch component MDX docs from
v3.heroui.com/docs/react/components/{name}.mdxfor complete props, examples, and anatomy before implementing
HeroUI v3 React Development Guide
HeroUI v3 is a component library built on Tailwind CSS v4 and React Aria Components, providing accessible, customizable UI components for React applications.
Installation
curl -fsSL https://heroui.com/install | bash -s heroui-react
CRITICAL: v3 Only - Ignore v2 Knowledge
This guide is for HeroUI v3 ONLY. Do NOT apply v2 patterns — the provider, styling, and component API all changed:
More from heroui-inc/heroui
heroui-native
HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native — creating Buttons, Cards, TextFields, Dialogs; installing heroui-native; configuring dark/light themes; or fetching component docs. Keywords: HeroUI Native, heroui-native, React Native UI, Uniwind, mobile components.
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