HeroUI Pro

Reach for this over shadcn/ui when the project already sits on HeroUI v3 and needs the heavy pieces — DataGrid with virtualization and pinned columns, Kanban, Agenda calendar, MapLibre map, KPI widgets — or when the same product must ship a React Native twin from one design system. It is licensed and CLI-gated: `heroui-pro login` needs a GitHub account with a valid seat, so an agent without credentials can read the docs (llms.txt, MCP, agent skills, Copy Markdown on every page) but cannot install. Import order matters (tailwindcss, then @heroui/styles, then @heroui-pro/react/css), several components pull optional peers (maplibre-gl, @tiptap/*, recharts, shiki, embla), and the whole line is still 1.0.0-beta, so pin versions.

Why it is here. It is one of the few paid component vendors that builds for agents on purpose — llms.txt per platform, unified MCP servers, published agent skills and a design-taste guide — while covering web and native from one token system. That combination is rare enough to justify the license cost on a serious product.

License

Commercial license, Proprietary / all rights reserved

Pricing

Paid, One-time purchase, Free but account required

Framework

React, Next.js, React Native

Styling

Tailwind CSS v4, CSS custom properties

Distribution

npm package, CLI installer, MCP server, Agent skill / rules pack, Figma file or kit, Direct download / asset pack

Platform

Web, iOS, Android, Cross-platform

Content type

Code, Figma / design source files, Design tokens / theme files

Agent readiness

MCP server, Agent skill or rules pack, llms.txt, Structured documentation, CLI installable, Ships a ready LLM prompt, Login required, Agent access behind payment

Accessibility

Built on accessible primitives, Full ARIA pattern implemented, Keyboard navigable, RTL and i18n aware, Accessible

Maturity

Beta

Pricing detail

One-time purchase with a 1-year updates window and perpetual access to versions released in it; renewal optional. Team plans are seat-based with a 2-seat minimum and volume discounts above 25; Enterprise is custom (SSO, SLA, audit logs). The pricing page renders client-side and exposed no figures to a server-side fetch.

Package

@heroui-pro/react

• Dashboard · React analytics dashboard with orders, tracker, settings and help pages↗
• Mail · React email client with folders, message threads and compose views↗
• Chat · React AI chat interface with conversations, library and exploration views↗
• Finances · React finance dashboard with portfolio, spending and transaction views↗
• Crypto Wallet · React Native mobile crypto wallet with portfolio, assets and transaction views↗
• Stride (Fitness App) · React Native workout and activity app with activity rings, program library, in-session logging and a summary screen↗

• 65 React + 47 React Native Pro components
• 4 web + 2 native templates
• two authenticated MCP servers and agent skills
• React 19 + Tailwind v4, compound APIs
• perpetual one-time license, 1 year of updates

Verified 2026-08-15. HTTP 200. https://heroui.pro (WebFetch), https://heroui.pro/llms.txt (full docs index, every component and release), https://heroui.pro/docs/react/templates, https://heroui.pro/docs/native/templates, https://heroui.pro/docs/react/getting-started/installation, https://heroui.pro/docs/react/getting-started/licensing, https://heroui.pro/pricing (JS shell, no figures)

• Ark UI · 49 headless components with one API across React, Vue, Solid and SvelteS
• Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesS
• Chakra UI · 114 accessible React components with a token-driven styling systemS
• Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registryS
• daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themesS
• GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and chartsS