All components
ShowcaseComponents
The building blocks

Every component, one place.

Explore 103 components, try live previews and copy React usage examples. Search or browse with the sidebar.

Actions 7

Surfaces 1

Forms 33

Input

A clean, accessible input with shared focus behavior.

Preview & code
Textarea

Expandable multi-line text input.

Preview & code
Select

Themed searchable-feel option popup with keyboard support and native form integration.

Preview & code
Checkbox

Native checkbox styled to match the system.

Preview & code
Switch

Accessible animated on/off control.

Preview & code
Field

Label, input and hint assembled for consistent forms.

Preview & code
Combobox

Searchable selection with keyboard navigation.

Preview & code
PasswordInput

Accessible password visibility toggle.

Preview & code
DatePicker

Native date selection with consistent styling.

Preview & code
Slider

Adjust numeric values with a native range control.

Preview & code
RadioGroup

A labelled, keyboard-native group of radio options.

Preview & code
FileInput

System file picker with selected-file feedback.

Preview & code
InputGroup

Compose prefix and suffix elements around one input.

Preview & code
FieldError

Consistent accessible validation message.

Preview & code
FormSection

Separate a settings form into reusable groups.

Preview & code
Form

Native semantic form and consistent action row.

Preview & code
NumberInput

A bounded numeric spinner with increment and decrement actions.

Preview & code
ColorPicker

Native color swatch paired with hex validation and copy control.

Preview & code
Rating

Keyboard-operable ratings with unified Lucide stars.

Preview & code
FileDropzone

Drop or select local files with type, size and count limits.

Preview & code
SearchInput

A controlled search field with an accessible clear action.

Preview & code
TagsInput

Add and remove text tags using Enter, comma or Backspace.

Preview & code
OTPInput

A grouped verification code input supporting paste and autofill.

Preview & code
TimeInput

Native time selection with consistent Icovera styling.

Preview & code
Calendar

Inline month calendar with date constraints and controlled ISO selection.

Preview & code
MultiSelect

Searchable multiple choice with removable value chips.

Preview & code
DateRangePicker

Choose a start and end date with an inline calendar and inputs.

Preview & code
RichTextEditor

ContentEditable rich writing with bold, italic, underline, lists and links.

Preview & code
FormWizard

Multi-step form flow with validation and animated progress.

Preview & code
FilterBuilder

Build AND/OR filter criteria with field, operator, and value controls.

Preview & code
TreeSelect

Select multiple nested categories and search a hierarchy.

Preview & code
ChoiceCards

Radio-style selection cards for product plans, layouts and templates.

Preview & code
InlineEdit

Rename an item inline; Enter saves, Escape cancels.

Preview & code

Display 8

Feedback 9

Navigation 9

Overlays 8

Layout 10

Theming 5

Data 8

Media 2

Developer 2

Communication 1