• Autocomplete: --trigger-width CSS variable on the popover now tracks the trigger element's width via useResizeObserver (#6374)
• Drawer: Panel transitions rewritten from Tailwind animate-in/animate-out to native CSS translate transitions for smoother animations (#6393)
• InputGroup: Secondary variant focus background triggers only on actual input/textarea focus (#6362)
• Tag: CloseButton now has explicit aria-label="Remove tag" for screen readers (#6341)

• --backdrop theme variable: New CSS variable for overlay backdrops — Modal, AlertDialog, Drawer now use bg-backdrop instead of hardcoded values (#6375)

• Trigger elements across Popover, Tooltip, Dropdown, Modal, AlertDialog, Drawer, Disclosure now apply inline-block (#6373)
• Default arrow SVG for Tooltip + Popover updated to a smoother cubic bezier curve (#6372)
• Tag sm and md sizes get increased horizontal padding (#6315)

• Release workflow added with pnpm publish + NPM_TOKEN
• Replaced changesets with bumpp for version management (#6354)

Full release notes: https://heroui.com/docs/releases/v3-0-2

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 ❤️

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6287 66d29cf Thanks @wingkwong! - persist transform position across renders (#6283)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• #6281 7437888 Thanks @wingkwong! - react-aria versions (release v1.16.0)

• Updated dependencies [7437888]:

  • @heroui/avatar@2.2.26