Once UI vs HeroUI

HeroUI (formerly NextUI) is a polished React component library built on Tailwind and React Aria. Once UI is an open-source Next.js design system with its own styling layer and Pro templates.

HeroUI gives you beautiful defaults inside a Tailwind ecosystem. Once UI gives you semantic components, MDX-friendly docs templates, and a path from open-source core to full deployed apps — with Figma files that match the code.

At a glance

Once UI

HeroUI

Open source

MIT core on npm

Open source with Tailwind dependency

Styling

Semantic token system

Tailwind + React Aria

Templates

Magic Portfolio, Docs, Convert, etc.

Component library focus

Figma

Full design system + blocks

Community / separate design files

Deeper comparison

Tailwind coupling

HeroUI assumes Tailwind in your stack. Once UI does not — useful if you want fewer CSS tooling decisions or find utility-heavy JSX harder to maintain.

Indie-first ecosystem

Once UI Pro is built around solo founders: portfolio, bio, docs, SaaS landing, Supabase auth starter. HeroUI helps you build UI; Once UI helps you launch products.

Syntax and customization

Both avoid the boilerplate of older libraries. Once UI's prop-based layout system is optimized for marketing and dashboard screens common in indie SaaS — not just application chrome.

Community and docs

HeroUI has a large audience in the React ecosystem. Once UI docs live at docs.once-ui.com with MDX examples using the same components you ship — Magic Docs is itself a reference implementation.

Which should you choose?

Choose Once UIYou want an open-source Next.js system with Pro templates, Figma parity, and minimal Tailwind dependency.

Choose HeroUIYou prefer Tailwind + React Aria patterns and only need a component library — not full page templates or blocks.

Popular

47% OFF

Indie

$240

$128

/ year

Includes $1,830 product value

Single seat

Products

Everything in Free

7 premium app templates

100+ copy-paste blocks

Extra

Regular updates

Support on Discord

Keep everything you build. Cancel anytime.

Pro

$512

$0

/ year

Includes $2,330 product value

Single seat

Products

Everything in Indie

Supa Social template

Extra

Regular updates

Priority support on Discord

Request new blocks

Keep everything you build. Cancel anytime.

When you sign up for a paid plan, your yearly price is locked-in forever

Other comparisons

Tailwind CSS revolutionized utility-first styling. Once UI takes a component-first path built specifically for Next.js — same goal of shipping fast, different abstraction.

Read comparison

shadcn/ui changed how developers think about component libraries — copy the source, own the code. Once UI is the opposite trade-off: install one package, one config, one syntax across every screen.

Read comparison

Radix UI provides excellent unstyled, accessible primitives. Once UI provides styled, composed components — and the pages around them.

Read comparison

Mantine is one of the most complete React component frameworks — hooks, forms, dates, rich components. Once UI is narrower and deeper for Next.js marketing sites, dashboards, and indie SaaS.

Read comparison

Base UI from MUI is a set of unstyled, accessible React components — the successor spirit to Radix for MUI users. Once UI is a fully styled design system with Next.js templates.

Read comparison

Mintlify is a hosted documentation platform with a polished editor and analytics. Magic Docs is a self-hosted Next.js template — docs as code, styled with Once UI.

Read comparison