Introducing HeroUI v3
A complete rewrite for React. A brand-new library for React Native.
One design system. Beautiful everywhere.
🌐 Web → 75+ components, 21 new
📱 Native → 37+ components, built from scratch
🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM
⚡ Performance → CSS animations, no JS runtime
♿ Accessibility → React Aria Components
✨ Architecture → Compound components, fully customizable, headless-ready
🤖 AI → MCP Server, Agent Skills, LLMs.txt
📎 Figma Kit v3 with 1:1 component parity
Every component rewritten. Every animation moved to CSS. Styles decoupled from implementation. And tooling that treats AI assistants as a first-class dev interface.
🔗 Post/Tweet → https://x.com/hero_ui/status/2035353807735976374
📋 Release Notes → https://heroui.com/docs/react/releases/v3-0-0
🌐 Docs → https://heroui.com/docs/react/getting-started/quick-start
📱 Native Docs → https://heroui.com/docs/native/getting-started/quick-start
🖼️ Figma Kit → https://www.figma.com/community/file/1546526812159103429/heroui-figma-kit-v3
A huge thank you to everyone who used the alpha and beta versions — your bug reports, feedback, and patience helped us find and fix issues that made v3 stable. This release wouldn't be the same without you ❤️