dotUI

Components

Browse all available components in the library.

Buttons

Button
ToggleButton
ToggleButtonGroup
FileTrigger
Group

Inputs, controls and form

Input
TextArea
@
InputGroup
Enter your email.
TextField
SearchField
NumberField
OTPField
Checkbox
CheckboxGroup
CheckboxGroup
React frameworks
RadioGroup
Switch
Slider
Choose a unique username
Field

Pickers

Menu
Combobox
Select

Dates

Select date, May 2026

26
27
28
29
30
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
31
1
2
3
4
5
6
Calendar
Meeting date
mmddyyyy
DateField
DatePicker
Event time
––––AM
TimeField

Feedback

Alert
ProgressBar
Toast
Loader
Enter your email.
Enter your password.
Skeleton

Collections

Next.js
Remix
Astro
Gatsby
ListBox
Tags
React
TypeScript
Next.js
TagGroup

Data display

React is a JavaScript library for building user interfaces.

Accordion
MM
U1U2U3
Avatar
⌘KCtrlC
Kbd
Default99+
SuccessErrorWarning
Badge
Name
Role
Status
John DoeDeveloperActive
Jane SmithDesignerActive
Bob JohnsonManagerAway
Table
Login to your account
Enter your email below to login to your account
Or

Don't have an account? register

Card
ScrollFade
ScrollFade

dotUI

Accessible UI components.

Docs
Components
Styles
Separator
No Projects Yet
You haven't created any projects yet. Get started by creating your first project.
Empty

Colors

ColorArea
ColorField
ColorPicker
200°
Adjust the hue of the color.
ColorSlider
ColorSwatchPicker

Overlays

Modal
Popover
Drawer
Tooltip