HeroUI
Modern React component library built with Tailwind CSS 4.0 for rapid UI development.
UI components and icons npm MIT
Used in agent projects
26
0.2% of 12,697 public repos built with AI coding agents
Rank in ui components and icons
#58 of 75
by use in those projects
Downloads
683K
npm, last 7 days, @heroui/react
GitHub stars
30.9K
last push Oct 10, 2026
How HeroUI is used
HeroUI is a dependency in 26 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (0.2%), #58 of 75 in ui components and icons. The most used alternative there is Lucide React. Projects that use it most often also use Zod (69.2%), Tailwind CSS (96.2%), Next.js (76.9%).
Often used with HeroUI
| Zod | 69.2% of HeroUI projects · 4.1× more than average |
|---|---|
| Tailwind CSS | 96.2% of HeroUI projects · 2.8× more than average |
| Next.js | 76.9% of HeroUI projects · 3.4× more than average |
| Tailwind Merge | 65.4% of HeroUI projects · 3.9× more than average |
| clsx | 65.4% of HeroUI projects · 3.7× more than average |
| next-themes | 57.7% of HeroUI projects · 6.6× more than average |
| Framer Motion | 53.8% of HeroUI projects · 4.0× more than average |
| React | 96.2% of HeroUI projects · 2.2× more than average |
By coding agent
| Claude Code | 0.4% of projects set up for it |
|---|---|
| Cursor | 0.4% of projects set up for it |
| GitHub Copilot | 0.3% of projects set up for it |
Share of public repos configured for each agent that list HeroUI as a dependency.
Install
| Package | npm install @heroui/react |
|---|---|
| Packages counted | @heroui/react, @heroui/styles, @heroui/theme, @heroui/system, @heroui/button, @heroui/card, @heroui/skeleton, @heroui/tooltip |
| Main stacks | Next.js (20), TypeScript / JavaScript (6) |
| Example projects | Miladxsar23/smartstepper, Cloakie47/Streamarc |
Alternatives to HeroUI
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Lucide React npm Comprehensive icon library with consistent design for React applications. |
2,519 (19.8%) | 108M | 24.9K | ISC |
| Class Variance Authority npm Type-safe CSS class composition for component variants and styling. |
1,791 (14.1%) | 66.3M | 6,903 | Apache-2.0 |
| Radix UI npm Unstyled, accessible component primitives for building design systems. |
1,519 (12.0%) | 182M | 19.4K | MIT |
| Sonner npm Opinionated toast notification component for React applications. |
1,025 (8.1%) | 49.6M | 13K | MIT |
| React Icons npm Popular icon packs imported as React components with ES6. |
688 (5.4%) | 8.8M | 12.7K | MIT |
| cmdk npm Command menu component library for React applications. |
687 (5.4%) | 42.2M | 13K | MIT |
| React Day Picker npm Flexible and customizable date picker component for React. |
675 (5.3%) | 42.8M | 6,859 | MIT |
| Vaul npm Unstyled, accessible drawer component for React with smooth animations. |
582 (4.6%) | 35M | 8,638 | MIT |