Ready-to-use components curated and voted on by the community.
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.
A filterable timezone combo box with a toggle button and keyboard selection.
A hue ColorWheel with a draggable, keyboard-adjustable thumb that tints a local preview.
A theme accent chosen from a ColorSwatchPicker, with arrow-key navigation between swatches.
A labelled hue slider with a colour thumb and live output for a theme accent.
A ColorPicker combining a saturation and brightness area, a hue slider and a hex field.
A hex colour field that parses, validates and previews the entered colour.
