HeroUI (previously NextUI) is a production-ready React component library that combines the accessibility rigor of React Aria with the utility-first styling of Tailwind CSS v4. It ships a clean compound component API (Card.Header, Card.Content, Select.Item, …), requires no <Provider> wrapper, and works out of the box with React 19 and Next.js.
Accessible by default — Built on React Aria for WCAG-compliant keyboard, focus, and screen-reader behavior
Tailwind CSS v4 — Modern engine, no CSS-in-JS runtime, smaller output, faster builds
Compound components — Composable API (Card.Header, Card.Content) instead of deeply nested props
Zero boilerplate — No Provider wrapper needed (unlike Chakra, MUI)
AI-native — MCP server, llms.txt, and agent skills so AI assistants understand your components
Battle-tested — Previously known as NextUI, trusted by thousands of production apps
We're excited to see the community adopt HeroUI, raise issues, and provide feedback.
Whether it's a feature request, bug report, or a project to showcase, please get involved!
