A select displays a collapsible list of options and allows a user to select one of them.
A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.
A menu displays a list of options and allows a user to select one or more of them.
A slider allows a user to select one or more values within a range.
A listbox displays a list of options and allows a user to select one or more of them.
A calendar displays one or more date grids and allows users to select a single date.
Radios allow users to select a single option from a list of mutually exclusive options.
Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.
🚀 Beautiful and modern React UI library built with Tailwind CSS 4.0.
A Quick description of the component
A dropdown displays a list of actions or options that a user can choose.
Wrapper around navigator.clipboard with feedback timeout
Badges are used as a small numerical value or status descriptor for UI elements.
The input component is designed for capturing user input within a text field.
InputOTP is a component that allows users to enter otp input. It can be used to get user otp in forms.
A set of utilities for react on client side
A set of utilities for react compatible with RSC
HeroUI system primitives compatibles with RSC imports
HeroUI system primitives
Collapse display a list of high-level options that can expand/collapse to reveal more information.
Internal icons set, commonly used in the components stories
. A separator is a visual divider between two groups of content
Displays a dialog with a custom content that requires attention or provides additional information.
Provides the logic to control the scroll over an element