Theme
Ready-to-use components curated and voted on by the community.
A jelly-like radio chip group for choosing notification frequency.
A compact select whose menu pops open and glides a highlight between options, with a tick on the chosen one.
A volume slider that stretches like elastic when dragged past either end and springs back, with its default Chakra UI volume icons; the preview offers free or stepped movement and two ranges.
A curved, bending email sign-up field with an inline submit button.
A rotary dial with a comet trail for setting a thermostat temperature.
A six-digit verification code whose slots fill with springy digits and confirm or shake on the result.
A list of 5,000 contacts rendered efficiently with Virtualizer and a list layout.
A message composer in React Aria Token Field where mentions and tags sit inline as tokens among the text.
A reminder time entered with TimeField in 12-hour segments, reporting the chosen time locally.
A required project-key text field with a description and native plus custom validation.
Controlled switch preference with disabled companion.
A labelled playback speed slider with a formatted output and keyboard steps.
Controlled plan selection with a disabled option, keyboard navigation and local status.
Filterable team directory with a clearable search field and result count.
A RangeCalendar for picking trip dates, reporting the start, end and number of nights.
Controlled single-selection plan group with disabled Enterprise.
A stepper number field built on React Aria Components, with plan-bounded steppers, commit-time clamping, a live billing status and inline validation.
A single-select list box of notification sounds with a disabled option and typeahead.
A grouped quantity control: an input and step buttons sharing one labelled group.
A sign-up form with native required validation and a server-style error for a taken email.
A drop zone for images with a keyboard-accessible file picker fallback.
A DateRangePicker with start and end segments and a range calendar popover for trip dates.
A DatePicker with segmented date entry and a calendar popover for picking a start date.
A booking date entered segment by segment with DateField, reporting the ISO date locally.