You can now build with HeroUI's design system directly inside Pencil's AI-powered canvas.
Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.
About HeroUI
HeroUI (formerly NextUI) is a React UI library built on top of React Aria and Tailwind CSS v4. It ships accessible, production-ready components that are beautiful out of the box and fully customizable. Supports React Server Components, works with Next.js and other React frameworks, and positions itself as a modern alternative to heavier libraries like MUI and Chakra UI.
The component set covers everything from buttons and modals to data tables and date pickers.
Pricing model: Free
Features
- Built on React Aria for full accessibility
- Tailwind CSS v4 powered styling
- Server Components support
- Previously known as NextUI
- Drop-in alternative to MUI, Chakra, shadcn/ui
FAQs
Common questions about HeroUI
Is HeroUI free?
Yes — HeroUI is open source and free to use.
Is HeroUI the same as NextUI?
Yes — NextUI was rebranded to HeroUI with v3, which added Tailwind CSS v4 support and React Aria under the hood.
Loading mentions…
Similar to HeroUI
Other products to explore and follow.
Team
The people behind HeroUI
Similar products
- BoardUIboardui.com
React design system for building agentic products and data-rich dashboards, with reusable components, charts, and Figma-designed tokens.
- useLayoutsuselayouts.com
Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.
- Loading.devloading.dev
A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.
- React Bitsreactbits.dev
An open-source collection of 200+ animated, interactive React components and micro-interactions.
Remocnremocn.devAn open-source component registry for building product demo videos with Remotion and AI coding agents.
- beUIbeui.dev
Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.