UI
Package
Search anything…
⌘ K
Home
Setup
Components
Charts
Templates
Blocks
Components
90 components · 9 categories
Actions
4
Forms & Inputs
19
Data Display
27
Feedback
9
Overlays
9
Navigation
8
Disclosure
2
Layout
8
Date & Time
4
▎
Actions
— 4 components
Button
Ghost
button
theme-switch
B
I
U
toggle
B
I
U
toggle-group
▎
Forms & Inputs
— 19 components
Vue
×
Tailwind
×
▾
advance-select
Yes
No
Maybe
checkbox
#FFC857
color-picker
Drop files
file-upload
Email
form
Email
[email protected]
Password
••••••••
URL
https://…
input
Username
label
(415) 555-
____
masked-input
−
42
+
number-field
4
2
pin-input
Free
Pro
Team
radio-group
range-slider
★
★
★
★
★
rating
B
I
U
rich-text-editor
Choose…
▾
select
slider
switch
vue
ui
+ tag…
tags-input
The quick brown fox…
textarea
▎
Data Display
— 27 components
Installation
Examples
Files
anchor
JD
RK
MS
+5
avatar
default
success
warning
danger
info
badge
board
board
carousel
Vue
×
Tailwind
×
+ Add
chip
$
npm install
code-block
Status
Active
Plan
Pro
Seats
12
data-list
Filter…
1–3 / 24
Name
▾
Status
Date
Anna
Active
05/12
Ravi
Pending
05/14
Mira
Active
05/16
data-table
icon-box
icons
65
knob
Revenue
$48k
Users
1.2k
MRR
$12k
Churn
2.4%
kpi-grid
Status
Active
Owner
Anna L
ID
#3214
labeled-value
lazy-image
First
Second
Third
list
map
map
Hi
@alice
—
ship it?
mentions
overlay-scroll
payment-card
payment-card
qr-code
Name
Status
Owner
Atlas
Active
Anna
Beacon
Idle
Ravi
Cinder
Active
Mira
table
Created
Updated
Shipped
timeline
Step 1 of 4
Click to start
tour
Available
→
←
Selected
transfer
▾ src
▸ components
▾ pages
index.vue
tree-view
Row 412
Row 413
Row 414
Row 415
virtual-list
▎
Feedback
— 9 components
Heads up
Inline message.
alert
empty-state
icon-transition
65%
progress
Build
100%
Test
65%
Deploy
20%
progress-item
Uploading…
65%
progress-linear
skeleton
Updating profile…
Saved successfully
sonner
spinner
▎
Overlays
— 9 components
!
Delete item?
This can't be undone.
Cancel
Delete
alert-modal
Search…
⌘K
→ Settings
command
Cut
Copy
Paste
›
context-menu
Edit profile
Update name & bio.
Cancel
Save
dialog
Options
▾
dropdown-menu
Mentioned by
Anna
earlier today.
AL
hover-card
Click me
popover
Cancel
Save
sheet
Open settings
Hover me
tooltip
▎
Navigation
— 8 components
Home
/
Settings
/
Account
breadcrumb
File
Edit
View
New…
⌘N
Open…
⌘O
menubar
Products
▾
Solutions
Docs
→ Vue Kit
→ React Kit
navigation-menu
1
2
3
…
12
pagination
Nav
Content
sidebar
1
2
3
4
stepper
All
Active
Done
tabs
General
Account
Billing
Settings…
vertical-tabs
▎
Disclosure
— 2 components
Section 1
+
Section 2
+
accordion
Section 1
+
Section 2
+
collapsible
▎
Layout
— 8 components
16:9
aspect-ratio
card
grid
page
resizable
line 1
line 2
line 3
line 4
scroll-area
Auto
▾
section-card
separator
▎
Date & Time
— 4 components
‹
May 2026
›
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
calendar
2026-05-16
▾
date-picker
‹
May 2026
›
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
range-calendar
14:32
time-picker