Have something to say?
Auth blocks
Are login, signup, forgot/reset password blocks on the roadmap? Either community or paid tier.
Add .update() method for Toast title & description
VERY important function for Downloading and progressive experience. Also will be fine with built-in progress bar!
[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
Sidebar component
Sidebar component that can be used across the app for primary navigation, secondary actions, and contextual content would be 10/10
Tabs to be able to Add New, Close, and Rearrange
I want to have a way to enable a ‘+’ button at the end to open a new tab, ‘x’ on each tab to close them, and to reorder the tabs with drag-n-drop. Basically, behave similar to Chrome tabs.
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!
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!