Noise filter

Theme

Mapping

Color Steps

Backgrounds
Interactive components
Borders and separators
Solid colors
Accessible text

Components

Button

Default
Secondary
Destructive
Outline
Ghost
Link
Icon
With Icon
Loading

Input

Default
File
Disabled
With Button
With Label
Form

This is your public display name.

Textarea

Default
Disabled
With Text

Your message will be copied to the support team.

With Button
With Label
Form

You can @mention other users and organizations.

Input OTP

Pattern
Separator
Form

Please enter the one-time password sent to your phone.

Checkbox

Default
With Text

By clicking this checkbox, you agree to the terms and conditions.

Disabled
Card
Form

Select the items you want to display in the sidebar.

Switch

Default
Form

Receive emails about new products, features, and more.

Receive emails about your account security.

Toggle

Default
Outline
With Text
Small
Large
Disabled

Toggle Group

Default
Outline
Single
Small
Large
Disabled

Select

Default
Scrollable
Form

You can manage email addresses in your email settings.

Combobox

Default
Popover

Status

Dropdown Menu

featureCreate a new project

Responsive
Form

This is the language that will be used in the dashboard.

Date Picker

Default
With Input
With Time
Natural Language
Your post will be published on October 01, 2025.
Form

Your date of birth is used to calculate your age.

Calendar

Default
September 2025
Range
June 2025
July 2025
Month and Year Selector
June 2025

Slider

Default