themes

forest

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
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:
30
60

ListBox

style:
Documents
Images
Files

Menu

style:

Select

style:
Default select
Disabled select

Combobox

style:

Tag Group

style:
demo

Command

style:
demo

Calendar

style:

Select date, April 2025

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

DateRangePicker

style:
Select date range

Built by mehdibha. The source code is available on GitHub.