Roadmap
Changelog

Have something to say?

Tell us how we could make the product more useful to you.

FEATURE: generate DESIGN.md file

Background context: Google’s AI Figma design tool understands DESIGN.md files to help power the AI driven creation of UIs for desktop and mobile. Video bookmark to image below What is the feature request? Generate / output a DESIGN.md file with the design specs for a given HeroUI theme. This file can then be uploaded to Stitch References What is DESIGN.md? https://youtu.be/3FIRNGJh00w?si=RAlVfNZqC38XJq0B&t=359

Clifford Fajardo 5 days ago

💡

Feature Request

Modal & Alert dialog bug in Chrome related to Dropdown stucking

I found a Chrome-only bug in HeroUI v3 where opening a Modal or AlertDialog directly from a Dropdown item can leave the dropdown popover stuck on screen and still interactive. I could reproduce it reliably in Chrome, but Firefox works fine. The bug happens when the dropdown is closed and the next overlay is opened in the same action. A simple reproduction looks like this: setModalOpen(true)}>Open modal ... In Chrome, the modal opens, but the dropdown overlay may stay mounted instead of cleaning up correctly. It looks like a z-index issue at first, but it seems to be an overlay lifecycle problem, because both overlays can remain in the DOM at the same time. In my case, using Popover instead of Dropdown for this type of action menu fixed it, and so did delaying the second overlay until the first one was fully closed. Also 150ms timeout before opening modal/alert dialog fixes this issue.

mrn0_user about 1 month ago

🐛

Issues

Agenda/Schedule Calendar View Component

It would be great to have an agenda-style calendar view added to HeroUI similar to Google Calendar's agenda/schedule view. Concept: A clean, minimalist list-based calendar view where events are grouped by day. Users can browse either a single day or a week at a time, with each day displayed as a section header and its events listed beneath it. Key behaviors: Week strip at the top for quick date navigation (swipeable) Days listed vertically below; days with no events are shown but remain empty Events show time range, title, and optional thumbnail/icon Toggle between single-day and week range views Why: The existing Calendar component is great for month-level overviews, but there's no lightweight way to display a linear, scannable list of upcoming events which is a very common scheduling UI pattern (used in iOS Calendar, Google Calendar, clinic booking apps, etc.). Thanks for considering!

Keerian Flammang about 1 month ago

💡

Feature Request

Clear button in Select & DateRangePicker

Select & DateRangePicker might have clear button like autocomplete or search field. Selection variant "None" is bad for UX, bcs user want to clear selection - not a open a popover AND clear. For datarangepicker - same situation, not a pressing backspace (on desktop) - just clear. So, if we have clear buttons in search field and autocomplete - why it cant be in select and daterangepicker? We need this. ASAP.

mrn0_user about 2 months ago

🐛

Issues

Full RTL Support

Every component should be compatible with RTL direction (without re-render/re-initiation) The css properties should be “start” and “end” instead of “left” and “right” (e.g., margin-left —> margin-inline-start; margin-right —> margin-inline-end) For component that is always LTR (e.g., InputOTP) which is always left to right. It should always have “direction: ltr” in css styles, otherwise it will always select the rightmost one Arrows direction should be “< Next | Previous >” in RTL CloseButton should have “inset-inline-end: …” instead of “right: …” Slider should also starts from right to left Hope this help. Thanks for all great components!

xxpyc about 2 months ago

💡

Feature Request

Navigation Menu

I’d like to propose adding a Navigation Menu component to Heroui. A built-in solution would help developers create structured, accessible navigation without relying on external libraries. It would be great if the implementation could take inspiration from the approach used by Radix UI, especially regarding composability, accessibility, and animation flexibility. Reference: https://www.radix-ui.com/primitives/docs/components/navigation-menu

wei li about 2 months ago

💡

Feature Request