Auth blocks

Are login, signup, forgot/reset password blocks on the roadmap? Either community or paid tier.

Vue Support

Drawer.Handle closes all stacked drawers and breaks animation

When using Drawer.Handle with multiple drawers open at the same time, dragging the handle of the top/second drawer to the close action causes all open drawers to close, instead of only closing the drawer being interacted with. Additionally, the close transition is not smooth: the expected drawer animation does not play correctly when the drawer is closed through Drawer.Handle while multiple drawers are open. Steps to reproduce Open a drawer. Open a second drawer on top of the first one. On mobile, grab the Drawer.Handle of the second drawer. Drag it toward the close button/action. Release it. Expected behavior Only the drawer associated with the dragged Drawer.Handle should close, with the normal close animation playing smoothly. Actual behavior All currently open drawers are closed, and the closing animation does not behave smoothly/correctly. This appears to be related to how Drawer.Handle resolves the active drawer when multiple drawers are mounted/open simultaneously.

Vertical Tabs: Allow for more flexible text alignment

Perhaps exposing a prop for the alignment would be good

Select: wrong secondary variant invalid background color when focused

Problem When Select.Root is rendered with variant="secondary" and the field is invalid (isInvalid), the trigger background renders with the primary (white/--color-field-focus) background instead of the expected secondary (grey/--default) background. Root Cause: CSS Specificity In @heroui/styles, the invalid state rule nested inside.select__trigger compiles to specificity 0,3,0: /* specificity 0,3,0 */ .select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger { background-color: var(--color-field-focus); /* primary/white */ } The secondary variant rule only has specificity 0,2,0: /* specificity 0,2,0 */ .select--secondary .select__trigger { background-color: var(--select-trigger-bg); /* --default = grey */ } Since 0,3,0 > 0,2,0, the invalid state always overrides the secondary background — the secondary invalid override is missing.

2 Visual bugs in Table (v3.0.4)

1) Check: https://heroui.com/docs/react/components/table#secondary-variant (screenshot 1). When hovering - looks very weird. Rounded table header and nonrounded row. 2) Check: https://heroui.com/docs/react/components/table#async-loading (screenshot 2). Check bottom corners of latest row. And if i scroll down to latest data - its fixes itself (screenshot 3). Both bugs appears on Firefox & Chrome.

Flutter Pub support

Add flutter package support.

Add .update() method for Toast title & description

VERY important function for Downloading and progressive experience. Also will be fine with built-in progress bar!

RTL Support

[Improvements] Input group for select, autocomplete, combobox

Currently only for textfield exists input group to add icon adornment. Add input group for for select, autocomplete, combobox to be able to add icons. Breaks the design

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

[New Component] Editable

Create a new component field that shows as a text once clicked transforms to an actual input to edit similar to chakra ui: https://chakra-ui.com/docs/components/editable

[New Component] Timeline

A new component showing nicely timeline great for history as Chakra UI has: https://chakra-ui.com/docs/components/timeline

[New Component] Action Bar

It would be nice to introduce action bar over selected items in the table as Chakra UI has: https://chakra-ui.com/docs/components/action-bar

Dropdown opening on hover

Hello ! First of all, thanks for the work ! Would it be possible to get a nice Dropdown opening on hover like this : https://ui.shadcn.com/docs/components/radix/navigation-menu

CheckBox success variant (on primary/secondary)

Add success variant for Enabled/Disabled checkboxes. Very useful! Default checkboxes (primary) for options, success for smth like “include X”, or alternative way to show “Enabled/Disabled”. I know switch is better for enable/disable state, but why not? :D

Icons...

There is no nothing about what icons are being used in the package…What are defaults that I can import from the package…They should have dedicated section in Handbook

Screenshot Tool

This tool would allow users to capture screenshots quickly and efficiently, with options to save, copy, or annotate the images. It should be accessible as a widget, floating bubble, or status icon for seamless usability across all screens.

Enable Play Protected Content

Allowing DRM-protected content (Widevine) for streaming services. That will allow add services as Netflix, Spotify and others.

TimePicker

Time pickers allow users to select a specific time of day. 12-hour format 24-hour format With seconds Range selection