HeroUI Pro (formerly NextUI Pro)
HeroUI Pro is the premium tier of HeroUI, a design system with copy-paste React and React Native components, full-page templates, and developer tooling. It ships 65+ React components with 475+ examples, native mobile components, premium themes, and AI skills and MCPs for tools like Cursor and Claude. Teams use it to build polished web and mobile apps without rebuilding the same UI patterns from scratch.
The library extends open-source HeroUI with production-ready blocks such as command palettes, data grids, kanban boards, sidebars, charts, and a full set of chat primitives for conversations, prompt inputs, tool calls, and code blocks. It also includes ready-made templates for dashboards, mail, chat, and finance apps, plus a visual design system builder and Figma files with a theme sync plugin.
HeroUI Pro targets frontend developers and product teams shipping SaaS dashboards, fintech apps, AI chat interfaces, and mobile-first products. Licenses are perpetual with optional yearly update renewals, and a single license covers unlimited commercial projects.
65+ React components with 475+ documented examples, from KPI cards to data grids
Full AI chat primitives for conversations, prompt inputs, tool calls, and code blocks
React Native components with the same design language across iOS and Android
Production-ready templates for dashboards, mail, chat, and finance apps
MCP server and agent skills for Cursor, VS Code, and Claude to generate HeroUI Pro code
Premium themes like Brutalism and Glass, plus a visual design system builder
Perpetual license covers unlimited commercial projects with no royalties
Perpetual license keeps access to every version released during your updates window.
A single license covers unlimited commercial projects with no royalties.
65+ React components plus React Native support in one design system.
Includes MCP server and agent skills for AI-assisted development in Cursor and VS Code.
7-day refund policy after license activation, with 14 days for UK and EU customers.
Individual plans start at $299 for web-only or mobile-only editions.
Pro component source code cannot be redistributed publicly in open source projects.
Team plans require a minimum of 2 seats with per-seat billing.
What is HeroUI Pro?
HeroUI Pro is the premium tier of HeroUI. It includes installable React and React Native components, full-page templates, AI Skills and MCPs for tools like Cursor and Claude, and design systems. It is a complete UI system for teams that want production-ready components and blocks.
What does a perpetual HeroUI Pro license mean?
A perpetual HeroUI Pro license means access to the versions you receive does not expire. Your purchase includes an updates window; renewing adds another year of new versions. If you do not renew, you keep every version released before your updates window ended.
Can I use HeroUI Pro in commercial projects?
Yes. A HeroUI Pro license allows use in unlimited commercial projects with no additional fees or royalties. You can build and ship as many products as you want on a single license.
What is the difference between Web Hero, Mobile Hero, and Super Hero?
Web Hero includes all Pro React components. Mobile Hero includes all Pro React Native components. Super Hero bundles both React and React Native at a discounted price. All plans include premium templates, AI integrations, design systems, and priority support.
What are HeroUI Pro AI Skills and MCPs?
HeroUI Pro extends the open-source HeroUI AI tooling with Pro Skills and MCPs that give agents deeper design context. Tools like Cursor, VS Code, and Claude can generate code that uses Pro components and follows your design system out of the box.
How do HeroUI Pro AI credits work?
Every HeroUI Pro license includes a one-time grant of AI credits: 500 on Web Hero and Mobile Hero, or 1,000 on Super Hero. Credits do not expire and can be used in AI Chat, a conversational interface that generates production-ready HeroUI components in a live sandbox.
What is the HeroUI Pro refund policy?
HeroUI Pro offers a 7-day refund policy that starts after you activate your license. Email [email protected] with your purchase details to request a refund. UK and EU customers have a 14-day window under local consumer protection laws.

