HeroUI
LibraryReact component library
Use it when you want polished accessible React components for dashboards or SaaS interfaces
Modern React components with accessibility built in.
Added to the shelf
From the makersREADME, read 16 Oct
HeroUI (previously NextUI) is a React component library that combines React Aria accessibility with Tailwind CSS v4 styling. It ships a compound component API such as Card.Header and Card.Content, and needs no Provider wrapper. It includes an MCP server, llms.txt and agent skills so AI assistants understand its components.
Install
npm install @heroui/styles @heroui/reactCommands
npm install @heroui/styles @heroui/reactInstall the full component bundle and styles
npx heroui-cli agents-mdInstall agent skills for Cursor, Claude Code and others
- Needs
- React 19 and Next.js work out of the box; Tailwind CSS v4 styling.
