March 3rd, 2026

New

HeroUI v3 beta.8

We're excited to share that HeroUI v3.0.0 beta.8 is now live.

This release introduces 3 new components → Badge, Pagination, and Table. Table was one of the most requested components — it ships with sorting, row selection, column resizing, async loading, and footer composition out of the box.

Beta.8 also adds a new InputContainer composition API for DateField and TimeField, fixes required/invalid state handling across date and select components, and continues tightening APIs as we close in on stable.

Release notes: https://v3.heroui.com/docs/react/releases/v3-0-0-beta-8

Improvements and fixes

  • Badge — counters, labels, and anchored overlays with Badge.Anchor and Badge.Label

  • Pagination — composable primitives with summary, ellipsis, and previous/next controls

  • Table — sorting, selection, resizing, async loading, and footer composition

  • New InputContainer sub-component for DateField and TimeField prefix/suffix layout

  • RangeCalendar rounded corners for range selection visuals

  • DatePicker and DateRangePicker now show required-state red asterisk

  • Fixed invalid trigger styling in Autocomplete and Select

⚠️ Breaking changes

As we finalize APIs, this release includes breaking changes focused on stability and long-term clarity. TextField CSS classes were renamed from .text-field to .textfield (including file paths and export paths). We recommend reviewing the release notes before upgrading.

Upgrade with AI (recommended)

If you use AI tools like Cursor or Claude Code, upgrading is straightforward.

Install either MCP or Skills:

Then, just prompt: "Update HeroUI to the latest version" Your assistant can compare versions, update imports, and refactor code automatically.

Full changelog: https://v3.heroui.com/docs/react/releases/v3-0-0-beta-8

We're almost done with v3 — stable release is right around the corner.

Thanks for testing and sharing feedback. 🚀

Talk soon, The HeroUI Team