HeroUI Docsv3.0 Beta
Getting Started
Introduction
Installation
Project Structure
Editor Setup
Quick Start
Foundations
Design Tokens
Colors
Typography
Spacing
Dark Mode
Accessibility
Components
Actions
Inputs
TextField
Select
ComboboxBeta
Checkbox
Radio Group
Switch
Slider
Data Display
Feedback
Navigation
Overlays
Hooks
useTheme
useDisclosure
useMediaQuery
useControlledState
useInterval
Guides
Theming
Customizing Components
Server Components
Migrating from v2
Testing
ChangelogNew
GitHub
Help & Support
⌘K
Getting Started

Introduction

HeroUI is a modern React component library built on top of React Aria Components and Tailwind CSS v4. It provides accessible, customizable UI primitives for building high-quality web applications.

Features

  • Accessible by default with React Aria
  • Tailwind CSS v4 with design tokens
  • Compound component patterns
  • Dark mode support
  • Server Component compatible
HeroUI Docsv3.0 Beta
Getting Started
Introduction
Installation
Project Structure
Editor Setup
Quick Start
Foundations
Design Tokens
Colors
Typography
Spacing
Dark Mode
Accessibility
Components
Actions
Inputs
TextField
Select
ComboboxBeta
Checkbox
Radio Group
Switch
Slider
Data Display
Feedback
Navigation
Overlays
Hooks
useTheme
useDisclosure
useMediaQuery
useControlledState
useInterval
Guides
Theming
Customizing Components
Server Components
Migrating from v2
Testing
ChangelogNew
GitHub
Help & Support
⌘K
Getting Started

Introduction

HeroUI is a modern React component library built on top of React Aria Components and Tailwind CSS v4. It provides accessible, customizable UI primitives for building high-quality web applications.

Features

  • Accessible by default with React Aria
  • Tailwind CSS v4 with design tokens
  • Compound component patterns
  • Dark mode support
  • Server Component compatible