What is this?
HeroUI (formerly NextUI) is a production-ready React component library that combines React Aria's accessibility primitives with Tailwind CSS v4 styling.
HeroUI (formerly NextUI) is a production-ready React component library that combines React Aria's accessibility primitives with Tailwind CSS v4 styling.Is this a UI library or a full framework?It's a component library you install into your own React or Next.js app, not a standalone framework. It ships a compound component API (e.g. Card.Header, Select.Item) and needs no wrapping Provider.
It's a component library you install into your own React or Next.js app, not a standalone framework. It ships a compound component API (e.g. Card.Header, Select.Item) and needs no wrapping Provider.How do I add it to a project?Follow the quick-start guide at heroui.com/docs; you can install the full bundle via the @heroui/react package or pull individual tree-shakeable packages like @heroui/button or @heroui/modal.
Follow the quick-start guide at heroui.com/docs; you can install the full bundle via the @heroui/react package or pull individual tree-shakeable packages like @heroui/button or @heroui/modal.Do I need Tailwind CSS already set up?Yes, HeroUI's styling is built on Tailwind CSS v4 rather than a CSS-in-JS runtime, and it's designed to work with React 19 and Next.js out of the box.
Yes, HeroUI's styling is built on Tailwind CSS v4 rather than a CSS-in-JS runtime, and it's designed to work with React 19 and Next.js out of the box.Is this the same project as NextUI?Yes, HeroUI is the renamed continuation of NextUI, so existing NextUI apps and docs map directly to it; note that v2 and v3 docs live on separate sites (v2.heroui.com vs heroui.com).
Yes, HeroUI is the renamed continuation of NextUI, so existing NextUI apps and docs map directly to it; note that v2 and v3 docs live on separate sites (v2.heroui.com vs heroui.com).What kind of apps is HeroUI meant for?SaaS apps, dashboards/admin panels, e-commerce storefronts, and marketing sites — basically any React/Next.js project that wants accessible, polished UI.
SaaS apps, dashboards/admin panels, e-commerce storefronts, and marketing sites — basically any React/Next.js project that wants accessible, polished UI.What AI-assisted dev tooling does it include?HeroUI ships an MCP server (@heroui/react-mcp) for editors like Cursor, Claude Code and Windsurf, a structured llms.txt at heroui.com/llms.txt, and installable agent skills via npx heroui-cli agents-md.
HeroUI ships an MCP server (@heroui/react-mcp) for editors like Cursor, Claude Code and Windsurf, a structured llms.txt at heroui.com/llms.txt, and installable agent skills via npx heroui-cli agents-md.How is it different from shadcn/ui or MUI?Unlike shadcn's copy-paste-customize model, HeroUI is batteries-included with a consistent design system; compared to MUI it's lighter and Tailwind-native with no CSS-in-JS runtime overhead.
Unlike shadcn's copy-paste-customize model, HeroUI is batteries-included with a consistent design system; compared to MUI it's lighter and Tailwind-native with no CSS-in-JS runtime overhead.Can I import just one component instead of the whole library?Yes, beyond the full @heroui/react bundle, every component is also published as its own tree-shakeable package (e.g. @heroui/button, @heroui/modal).
Yes, beyond the full @heroui/react bundle, every component is also published as its own tree-shakeable package (e.g. @heroui/button, @heroui/modal).Is there a design kit or live demo to explore components?Yes — a Figma Kit for v3 is available, and a Storybook with all components can be browsed at storybook-v3.heroui.com.
Yes — a Figma Kit for v3 is available, and a Storybook with all components can be browsed at storybook-v3.heroui.com.What are similar projects?rare-ui, chakra-ui, boardui, arc-library, cult-ui, hyperui, ux-ui-agent-skills, ui
rare-ui, chakra-ui, boardui, arc-library, cult-ui, hyperui, ux-ui-agent-skills, uiWhich topics is it in?storybook, figma, components, ecommerce, reactjs, github-copilot, design-system, saas, accessibility, tailwindcss, component-library, nextjs
storybook, figma, components, ecommerce, reactjs, github-copilot, design-system, saas, accessibility, tailwindcss, component-library, nextjs