dotUI

Components

Browse every component in the library — accessible, composable, and styled to match your design system.

Buttons

Button
ToggleButton
ToggleButtonGroup
FileTrigger
Group

Inputs, controls and form

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

Pickers

Menu
Combobox
Select

Dates

Select date, June 2026

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
4
Calendar
Meeting date
mmddyyyy
DateField
DatePicker
Event time
––––AM
TimeField

Feedback

Alert
Uploading…66%
ProgressBar
Event has been createdSunday at 9:00 AM
Toast
Loader
Enter your email.
Enter your password.
Skeleton

Collections

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

Navigation

@mehdibha
Link
Overview content
Tabs
  1. Home
  2. Docs
  3. Button
Breadcrumbs
Create new file...
Create new folder...
Open settings
Command

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

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

Last updated on 6/11/2026