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
Checkbox
Size
RadioGroup
Switch
Slider
Choose a unique username
Field
Form
Form

Pickers

Menu
Combobox
Select

Dates

Select date, January 2026

28
29
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
31
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
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

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

Dialog
Modal
Popover
Drawer
Tooltip

On this page

dotUI

Bringing singularity to the web.

Community

Built with passion by @mehdibha.