About this project
HeroUI, maintained by heroui-inc and previously known as NextUI, is a React UI component library. According to its README, it combines React Aria accessibility behavior with Tailwind CSS v4 styling. It provides a compound component API such as Card.Header and Card.Content, and does not require a Provider wrapper. It is stated to work with React 19 and Next.js.
The project ships @heroui/react as the full component bundle, @heroui/styles for styles and theme only, and individual packages such as @heroui/button and @heroui/modal for tree-shakeable per-component imports. Installation is via npm install @heroui/react.
The README highlights AI-powered development support: an MCP server package called @heroui/react-mcp for editors such as Cursor, Claude Code, and Windsurf; an llms.txt file at heroui.com/llms.txt for structured component context; and agent skills installed with npx heroui-cli agents-md.
Documentation is at heroui.com, with v3 current and v2 at v2.heroui.com. A Storybook is available at storybook-v3.heroui.com, and a Figma kit is linked. Community channels include Discord, X, and GitHub Discussions. Contributions are welcomed under the project's contributing and code of conduct guidelines. The license is MIT.
The README suggests HeroUI is suited to SaaS applications, dashboards, admin panels, e-commerce storefronts, marketing sites, and React or Next.js projects that value design and accessibility. It also includes a comparison table positioning it as batteries-included and Tailwind-native relative to shadcn/ui, MUI, Chakra UI, and Mantine.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.