Theme
Ready-to-use components curated and voted on by the community.
A multi-select HeroUI List Box of integrations with descriptions and selected indicators.
A six-digit verification code entered with HeroUI Input OTP slots and checked locally.
A price field built from a HeroUI Input Group with currency prefix and suffix.
Controlled local email validation and focus recovery.
A sign-up Form with required fields, native validation messages and a submit action.
A billing Fieldset with a legend, grouped text fields and a save action.
A HeroUI Date Range Picker with start and end date segments and a range calendar popover for team offsite dates.
A HeroUI Date Picker with segmented typing and a calendar popover for a check-in date.
A segmented HeroUI Date Field for a booking date, reporting the ISO value.
A city search built from a HeroUI Combo Box that filters local options and marks the selection.
A theme accent chosen from a HeroUI Color Swatch Picker with a selected indicator.
A hue Color Slider with a label and output that tints a sample button.
A HeroUI Color Picker whose popover combines a colour area and hue slider for a brand colour.
A hex Color Field with a live swatch prefix that previews the typed colour.
A two-dimensional HeroUI Color Area for tuning a brand colour, with a live preview.
Notification preferences chosen with a labelled HeroUI Checkbox Group.
Controlled checkbox preference with disabled companion.
A HeroUI Calendar for picking a delivery day, with month navigation and the chosen date.
A reviewer picker built from HeroUI Autocomplete with a search field that filters a list box.
A feedback textarea with a linked description and a live character limit.
A controlled Headless UI Switch example with labelled controls and keyboard/disabled-state behavior.
A labelled native time-zone select that converts a meeting time.
An accessible Headless UI Radio Group example with controlled selection, keyboard navigation and disabled-state behavior.
Controlled plan selection with a disabled option, keyboard navigation and local status.