Skip to content

Releases: heroui-inc/heroui

v3.0.2

03 Apr 14:40

Choose a tag to compare

Bug Fixes

  • 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)

Features

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

Style Improvements

  • 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)

Internal

  • 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

@heroui/react@3.0.1

22 Mar 04:52

Choose a tag to compare

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

@heroui/user@2.2.26

07 Mar 16:00
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-pagination@2.2.20

07 Mar 15:59
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-draggable@2.1.20

07 Mar 16:00
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-disclosure@2.2.19

07 Mar 16:00
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-aria-overlay@2.0.6

07 Mar 15:59
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-aria-multiselect@2.4.21

07 Mar 15:59
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-aria-modal-overlay@2.2.21

07 Mar 16:00
29f5837

Choose a tag to compare

Patch Changes

@heroui/use-aria-link@2.2.23

07 Mar 16:00
29f5837

Choose a tag to compare

Patch Changes