Introduction
Premium composable components that extend HeroUI — built for teams who want to ship beautiful, production-ready apps fast.
HeroUI Pro is a premium extension of HeroUI OSS — production-ready, fully composable components that follow the same patterns you already know from HeroUI OSS. New components, themes, and fixes ship regularly as package updates.
What's Included
- 43+ React components with 363+ examples — Command Palette, Data Grid, Sheet, Sidebar, Emoji Picker, Charts, File Tree, KPI cards, and more — each with full documentation
- React Native components — The same design system with a similar API across iOS and Android
- Templates — Production-ready dashboards, mail, chat, and finance apps
- Premium themes — Brutalism, Glass, and more. Switch aesthetics in one import.
- Theme Builder — Create custom themes visually, preview live in the docs, and export the CSS
- Figma — Design files for all Pro components + a theme variables sync plugin
- AI tooling — MCP server, agent skills, and design taste for AI-assisted development
- Priority support — Fast support, prioritized issues, private Discord, and a VIP badge
- Teams & Enterprise — Shared themes, centralized billing, SSO, and dedicated support
Next Steps
- Installation — Set up HeroUI Pro in your project
- Browse Components — See all available Pro components
- Theme Builder — Create your own custom theme
Acknowledgements
Built on React Aria Components, Tailwind CSS v4, Motion, Recharts, Number Flow, and Gravity UI Icons.