UIPackage
Vue React

Components

91 components · 11 categories · React (Next.js)

▎ Actions — 3 components

theme-switch
BIU
toggle
BIU
toggle-group

▎ Controls — 3 components

ButtonGhost
button
Email[email protected]
Password••••••••
URLhttps://…
input
Choose…▾
select

▎ Forms & Inputs — 19 components

Vue×Tailwind×▾
advance-select
Yes
No
Maybe
checkbox
#FFC857
color-picker
Drop files
file-upload
Email
form
65
knob
Username
label
(415) 555-____
masked-input
Hi @alice — ship it?
mentions
−42+
number-field
42
pin-input
Free
Pro
Team
radio-group
range-slider
★★★★★
rating
BIU
rich-text-editor
slider
switch
vueui+ tag…
tags-input
The quick brown fox…
textarea

▎ Data Display — 20 components

JD
RK
MS
+5
avatar
defaultsuccesswarningdangerinfo
badge
carousel
Vue×Tailwind× + Add
chip
$ npm install
code-block
StatusActive
PlanPro
Seats12
data-list
icon-box
icons
kbd
kbd
StatusActive
OwnerAnna L
ID#3214
labeled-value
lazy-image
First
Second
Third
list
map
map
payment-card
payment-card
qr-code
Name Status Owner
AtlasActiveAnna
BeaconIdleRavi
CinderActiveMira
table
Created
Updated
Shipped
timeline
Available
→←
Selected
transfer
▾ src
▸ components
▾ pages
index.vue
tree-view
Row 412
Row 413
Row 414
Row 415
virtual-list

▎ Data — 2 components

board
board
Filter…1–3 / 24
Name ▾StatusDate
AnnaActive05/12
RaviPending05/14
MiraActive05/16
data-table

▎ Feedback — 9 components

Heads up
Inline message.
alert
empty-state
icon-transition
65%
progress
Build100%
Test65%
Deploy20%
progress-item
Uploading…65%
progress-linear
skeleton
Updating profile…
Saved successfully
sonner
spinner

▎ Overlays — 10 components

!Delete item?
This can't be undone.
CancelDelete
alert-modal
Search…⌘K
→ Settings
command
Cut
Copy
Paste ›
context-menu
Edit profile
Update name & bio.
CancelSave
dialog
Options ▾
dropdown-menu
Mentioned by Anna earlier today.
AL
hover-card
Click me
popover
CancelSave
sheet
Open settings Hover me
tooltip
Step 1 of 4
Click to start
tour

▎ Navigation — 9 components

Installation
Examples
Files
anchor
Home/Settings/Account
breadcrumb
FileEditView
New… ⌘N
Open… ⌘O
menubar
Products ▾SolutionsDocs
→ Vue Kit
→ React Kit
navigation-menu
123…12
pagination
Nav
Content
sidebar
1
2
3
4
stepper
AllActiveDone
tabs
General
Account
Billing
Settings…
vertical-tabs

▎ Disclosure — 2 components

Section 1+
Section 2+
accordion
Section 1+
Section 2+
collapsible

▎ Layout — 10 components

16:9
aspect-ratio
card
grid
Revenue
$48k
Users
1.2k
MRR
$12k
Churn
2.4%
kpi-grid
overlay-scroll
page
resizable
line 1
line 2
line 3
line 4
scroll-area
Auto▾
section-card
separator

▎ Date & Time — 4 components

‹May 2026›
SMTWTFS
123456789101112131415161718192021
calendar
2026-05-16▾
date-picker
‹May 2026›
SMTWTFS
123456789101112131415161718192021
range-calendar
14:32
time-picker