Progress bars show either determinate or indeterminate progress of an operation over time.
🚀 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
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
Tabs organize content into multiple sections and allow users to navigate between them.
Chips help people enter information, make selections, filter content, or trigger actions.
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.
Skeleton is used to display the loading state of some component.