heroui-react
A React UI component library built on Tailwind CSS v4 and React Aria Components with compound composition syntax.
Install
npx skills add https://github.com/heroui-inc/heroui --skill heroui-reactStats
| Total installs | 2,410 |
| Weekly installs | 2.4K |
| GitHub stars | 28.7K |
| First seen | Jan 27, 2026 |
| Source | @heroui-inc/heroui |
Summary
- 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}.mdx for complete props, examples, and anatomy before implementing
Tags
Related skills
| Skill | Installs | vs heroui-react |
|---|---|---|
| tauri-v2 | 2,740 | +330 |
| building-components | 2,701 | +291 |
| agentation-self-driving | 2,405 | -5 |
| tailwind-css-patterns | 2,297 | -113 |
| flutter-implementing-navigation-and-routing | 2,501 | +91 |
FAQ
- How many installs does heroui-react have?
- heroui-react has 2,410 total installs and 2.4K installs this week.
- Where is heroui-react hosted?
- heroui-react is published by @heroui-inc/heroui at https://github.com/heroui-inc/heroui.
- How many GitHub stars does heroui-react have?
- heroui-react has 28.7K GitHub stars.
- When was heroui-react first indexed?
- OrangeBot.AI first indexed heroui-react on Jan 27, 2026.
- How do I install heroui-react?
- Run: npx skills add https://github.com/heroui-inc/heroui --skill heroui-react