Customization

Your workspace, your style

Changes apply instantly and save automatically.

Appearance
Theme presets

Theme presets

Default

Layout preferences

Direction
Sidebar color
Header color
Sidebar size
Layout width

Advanced form controls

Search, multi-selection, date, range, rating, color, masked, and rich selection patterns.

Interactive showcase

Searchable select controls

6 patterns
Basic searchable combobox
Grouped icon dropdown
Avatar user select
Disabled searchable select
Empty result state
Compact icon select

Multi-select variations

2 selected
Multi-select with tags
AnalyticsAutomation
Checkbox multi-select
Avatar multi-select
SofiaDanielAlex

Tag input patterns

Standard removable tags
ReactTypeScriptDesign

3/6 tags

Suggestions

Rich selection controls

Segmented text and icon controls
Toggle card selection
Subscription options
Shipping option cards
Transfer list
AVAILABLE
⇄
ASSIGNED
Hierarchical tree select

Date and time controls

This month
Date range picker
to
Time range
–
Date presets
Selected window: November 9–18, 2026

Advanced sliders

Standard slider66
Double-thumb range$240 – $780
Stepped slider40%
020406080100
Value label
66%
Disabled slider

Rating controls

Star rating
Read-only half rating
Heart rating
Emoji rating
Numeric rating

Color pickers

Color swatches
Selected previewAdvanced interface accent
Recent colors

OTP and masked inputs

Local examples
Four-digit OTP

Demonstration only; no code is sent.

Six-digit OTP
Input guidance

Masks provide visual formatting only and do not verify real phone numbers, postal codes, or payments.