Never start from scratch again.
Free components, premium templates, and AI agents that work inside your product.
Trusted by teams and builders at
- Apple
- Unisys
- Hitachi
- BC Ferries
- Mater Private
- NMI
- Aisera
- Winningtemp
- MrBeast
- Mysten Labs
- Yazen
- Expatrio
- Higgsfield AI
- Bland AI
- Nixtla
- National Australia Bank
- Recare
- Toptal
- ByteDance
- FlutterFlow
- Euronet
- GetResponse
- Tidio
- Happy Scribe
- InBody
- Breezy HR
- UC Berkeley
- University of Waterloo
- Chalmers University of Technology
- IEEE
Products
All you need to ship beautiful interfaces.
Each product stands on its own. Start with free components, add Pro to ship faster, embed Agents to make your product AI-native, and run your day from HeroSpace.
HeroUI Open Source
One look, on web and mobile.
Free components for React and React Native. Change the theme once, and both platforms follow.


Quick recap from this morning's launch review so we have it in writing.
We agreed on the final launch date (Tuesday the 24th) and the three must-ship items: onboarding tour, billing update flow, and the new analytics dashboard.
Parker and I will co-own the go/no-go checklist. Can you sync with me and Maya tomorrow at 10:30?
Paste into Cursor, Claude Code, or Codex to set up HeroUI in your project.
HeroUI Pro
Move faster with HeroUI Pro.
Components, templates, and AI tooling for React and React Native. Made for teams that care about the details.


Pro templates
Start closer to finished.
Full-page, responsive templates for dashboards, CRM, mail, chat, and finance. Strong structure from the first commit.
Premium components
Kanban, data grid, charts, command menu, and more.
Full templates
Complete apps for web and mobile, ready to make your own.
Design systems
Figma files and themes that stay in sync with code.
Web and mobile
The same design language across web, iOS, and Android.
Turn every product into an AI-native experience.
An agent that understands your product, takes action, and generates the right interface. It works for your users, inside your app.
Banking example. Asked: Chart our balance over the last 6 months. The agent answers: The operating balance is up 44% since March, with the strongest gain after July.
Connect your stack
Give the agent product data and actions while the signed-in user's permissions stay in place.
Gate sensitive actions
Require explicit approval before the agent changes records, filters, or workflows.
Customize to your needs
Match your agent to your product with full control over its design system, layout, and visual style.
See how your agent performs
Track agent usage, users, conversations, performance, and activity from one place.
Everything that matters, in one workspace.
Mail, calendar, support, tasks, and notes in one Mac app, run by the agents you already pay for.




Join every call prepared
An agent reads the invite, your notes, and past mail, then writes down what you owe the guests.
Replies already drafted
Your agent drafts replies to the mail waiting on you, in your voice, and saves them in Gmail.
Everything you owe, in one list
Promises from your mail, tickets, and calls become tasks that link back to where they came from.
You approve what goes out
Drafts, calendar changes, and task edits wait for your OK, and run on your own Claude or ChatGPT plan.
AI tooling
Supercharge your AI workflow.
Build faster with our Skills and MCPs. Give your agents taste and build beautiful interfaces by default.
Community
Built in the open. Shaped by the community.
- 38.1k+
GitHub stars, combined
Across HeroUI, HeroUI Native, and Tailwind Variants.
- YC
Backed by Y Combinator
A focused team building the UI ecosystem for your next product.
- 10k+
Discord members
Get help, share what you ship, and shape what comes next.
Illustrative growth curve. Hover or use the arrow keys for recorded monthly npm downloads.
A growing developer community.
Monthly npm downloads across our open source projects.
26.6M+
Monthly downloads, combined
Testimonials
In their words.
From the people building with HeroUI.
@hero_ui is hands down the best library I've worked with so far! Having a great UI/UX design has never been this easy. Honestly impressed about how fast it is to have a clean looking dashboard with it using the Theme Builder. This is how a modern library should feel! 5/5
HeroSynapsis@HeroSynapsisAlso ditched shadcn lately in favour of HeroUI, less to maintain and things look good right away. Simplicity lol
chris jaydenBuilding @langrelayBeautiful animated and customizable components! Probably my favorite component UI library for React/NextJS. I use it with App Router, many components work in React server components, but obviously more complex components will only work in client components.
Noah YoungsProduct Hunt There is no better library. I love you guys
Jeff ScottSoftware EngineerFirst of all, congrats on Hero UI - the design system, DX, and accessibility are just amazing. I used Hero UI (formerly NextUI) in several React projects and really loved the experience.
ValentinOsvaldoGitHub NextUI components are beautiful and super easy to integrate. It saves much of the design hassle!
Hyun Jie JungWeavel Also love hero ui for native we use it for our savari apps
RomiSavari appsNextUI was instrumental in providing a modern, sleek, and accessible design framework for our application. Its pre-built components and design tokens facilitated rapid development and ensured a polished look and feel. NextUI’s focus on performance and simplicity aligned perfectly with our goals of delivering a seamless and intuitive user experience.
Kazim MohammedSalesPort There is nothing I can't build with this stack. @tan_stack + @hero_ui + @convex + @expo. Literally my starting point to build anything I want.
Jeff ScottSoftware EngineerNextUI helps us build good-looking and fast React interfaces without extra effort. It keeps our code clean and simple.
Alexander WinterLLMs Great to see my fix landed! Awesome package and always quick to fix bugs!
Eliot Gevers@EliotGeversI was a bit hesitant at first, but totally worth the price. The cost of this is very low imo.
J4v4Scr1ptGitHub Love it!! Thanks for all your hard work and congrats on the 2.0 launch. I'm a TailwindCSS addict, so this is going straight into my bookmarks and put to use!
Moritz TomasiMailbites Is there a way to leave a review for this library? It's incredible how easy it is to pull off a crazy looking UI with basically zero time. Also the UX is impeccable (I know this depends on how we implement stuff ofc, but heroUI makes it so easy). Hands down the best library I've found so far
HeroSynapsisDiscordheroui is one of the best libraries to use
JacobFounder @TryAffRevReally Amazing UI library that helped boost the development by a lot.
Kais radwanUserium Our UI was powered by NextUI, We love it. keep up the good work guys.
WassimProduct Hunt
Blog



































