Theme
Ready-to-use components curated and voted on by the community.
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.
A two-dimensional ColorArea that picks saturation and lightness for a brand colour.
A labelled checkbox group of dietary needs with a description and required validation.
Controlled checkbox preference with disabled companion.
A month Calendar with previous and next controls and weekends marked unavailable.
A controlled Radix Switch settings list with visible labels, descriptions and a disabled option.
A two-thumb Radix Slider budget range with labelled thumbs, value text, keyboard steps and reset.
A time zone select with grouped options, a check on the chosen item and a disabled option.
An accessible Radix Radio Group example with controlled selection, keyboard navigation and disabled-state behavior.
A password input with a button that shows or hides the characters, keeping focus in the field.
A six-digit sign-in code field that accepts typing or pasting and moves focus between digits.
Accessible labels for a workspace name field and a terms checkbox, both clickable to focus or toggle.
A sign-up form with built-in validation messages for a missing or malformed email and a short password.
A controlled Radix Checkbox example with labelled controls and keyboard/disabled-state behavior.
A review comment box that grows from two to six rows as you type.
A controlled email field with local validation, linked error feedback and focus recovery.
A controlled email preference built with Material UI Switch, with accessible labelling and an announced state.
A two-thumb price range slider with marks and a live count of matching items.
A controlled native plan selector with a disabled option and announced selection.