themes
material
To adjust colors, fonts, radius, components and more, you need to clone the theme.
Colors
Theme color palette and variations
Core colors
Neutral
Accent
Semantic colors
Success
Warning
Danger
Typography
Theme typography
Heading
Body
Heading 5XL
Heading 4XL
Heading 3XL
Heading 2XL
Heading XL
Heading LG
This is body content XL
This is body content LG
This is body content base
This is body content sm
Iconography
Theme iconography
Components
Theme components
Button
style:
Toggle Button
style:
TextField
style:
Enter your email
https://
@dotui.org
This email is already taken.
TextArea
style:
Type your description
You have exceeded the comment limit for one hour.
SearchField
style:
NumberField
style:
Checkbox
style:
Checkbox Group
style:
Radio Group
style:
Favorite fruit
Size
Switch
style:
Slider
style:
ListBox
style:
Documents
Images
Files
Menu
style:
Select
style:
Default select
Disabled select
Combobox
style:
Tag Group
style:
demo
Command
style:
demo
Calendar
style:
April 2025
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
30 | 31 | 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 1 | 2 | 3 |
DatePicker
style:
Select date
mmddyyyy
DateRangePicker
style:
Select date range
mmddyyyy
mmddyyyy
Bringing singularity to the web.