HeroUI
HeroUI is an open source UI component library for React and React Native, built on React Aria Components and Tailwind CSS v4. It was previously named NextUI and is now at version 3. The library is free, with HeroUI Pro offered as a paid template product.
Facts checked on against the sources listed at the end of this page.
- Pricing
- Open sourceFree plan: Yes. The component library is open source and free to use.
- Open source
- YesApache-2.0
A good fit for
- React apps that want accessible components styled with Tailwind CSS
- Teams moving from NextUI who want the maintained successor
- Projects on Next.js, Astro, Remix, Vite or Laravel that need a shared component set
- React Native apps that want a matching component library
Not a good fit for
- Teams that do not use Tailwind CSS: styling is built on it
- Projects on Vue, Svelte or Angular: the library targets React and React Native
- Teams that want a fixed set of copied-in source files rather than a package dependency
HeroUI pricing
The component library is open source and free. HeroUI Pro is a separate paid offering of templates; its prices were not checked on an official page.
Prices in USD, checked on 6 October 2026. Current prices on heroui.com.
Main features
- Accessible components
- Built on React Aria Components.
- Tailwind CSS v4 styling
- Components are styled with Tailwind CSS v4.
- Customizable composition
- Components are composed from parts so layout and styling can be changed.
- Typed APIs
- TypeScript types for component props.
- React Native support
- HeroUI Native brings the library to React Native apps.
- Docs for AI agents
- llms.txt indexes, a Docs Agent API and an OpenAPI specification.
- HeroUI Pro templates
- Paid templates built on the library.
About HeroUI
HeroUI describes itself as a modern alternative to MUI, Chakra UI and shadcn/ui for building production-ready applications. The current major version is v3, built on React Aria Components for accessibility and Tailwind CSS v4 for styling. A React Native version, HeroUI Native, also exists.
HeroUI was previously called NextUI. The official rename post says the library had grown beyond Next.js to support the wider React ecosystem, including Astro, Remix, Vite and Laravel, and that the team wanted an identity separate from the Next.js project. The post does not state a date on the page, so none is given here.
The site also publishes machine-readable documentation for AI agents, including llms.txt indexes, a Docs Agent API and an OpenAPI specification. HeroUI Pro is listed as a template offering on top of the free library.
- Made by
- HeroUI
- Free plan
- Yes. The component library is open source and free to use.
- Available on
- React, React Native, Next.js, Astro, Remix, Vite, Laravel
HeroUI alternatives
Questions about HeroUI
Is HeroUI the same as NextUI?
Yes. HeroUI is the new name of NextUI. The rename post says the library had grown past Next.js and needed an identity of its own.
Is HeroUI free?
Yes. The component library is open source. HeroUI Pro is a separate paid template offering.
What is HeroUI built on?
The official site says version 3 is built on React Aria Components and Tailwind CSS v4.
Does HeroUI work outside Next.js?
Yes. The rename post names Astro, Remix, Vite and Laravel as supported alongside Next.js.
HeroUI vs shadcn/ui: what is the difference?
HeroUI is a component library built on React Aria Components. The site positions it as an alternative to MUI, Chakra UI and shadcn/ui.
Sources and links
Work on HeroUI? Claim this listing. Something wrong or out of date? Suggest a correction. Stats come from the public GitHub and npm APIs and update every day.