Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>
🚀 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
Displays a dialog with a custom content that requires attention or provides additional information.
A set of HeroUI utilities
Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning
Chips help people enter information, make selections, filter content, or trigger actions.
. A separator is a visual divider between two groups of content
A menu displays a list of options and allows a user to select one or more of them.
Skeleton is used to display the loading state of some component.
A listbox displays a list of options and allows a user to select one or more of them.
Provides the logic to control the scroll over an element
A form is a group of inputs that allows users submit data to a server and supports field validation errors.