UIPackage
browse · 86 items

The full registry.

Every primitive we ship. Open one for install + props + deps. Want pre-wired pages? See blocks →

Bootstrap

4

Setup items — tokens, helpers, composables. Run add init.json to pull all four at once.

init
initbootstrap
tailwind
tailwindbootstrap
use-theme
use-themebootstrap
utils
utilsbootstrap

action

4
ButtonGhost
buttonaction
theme-switcheraction
BIU
toggleaction
BIU
toggle-groupaction

form

20
Choose…▾
autocompleteform
Accept
checkboxform
color-picker
color-pickerform
Drop files
file-uploadform
Email
formform
inputform
Username
labelform
Choose…▾
native-selectform
−42+
number-fieldform
42
pin-inputform
radio-groupform
range-sliderform
★★★★★
ratingform
BIU
Write something…
rich-text-editorform
Choose…▾
selectform
Choose…▾
select-advancedform
sliderform
switchform
vueui+ tag…
tags-inputform
The quick brown fox…
textareaform

data display

16
JD
RK
MS
+5
avatardata-display
defaultactive
badgedata-display
carouseldata-display
chartsdata-display
tag ×design
chipdata-display
$ npm install
code-blockdata-display
StatusActive
PlanPro
Seats12
data-listdata-display
NameStatusDate
ItemActive·
ItemActive·
data-tabledata-display
icon-boxdata-display
iconsdata-display
Revenue
$48.2k
labeled-valuedata-display
First
Second
Third
listdata-display
Revenue
$48.2k
stat-carddata-display
NameStatusDate
ItemActive·
ItemActive·
tabledata-display
Created
Updated
Shipped
timelinedata-display
▾ src
▸ components
▾ pages
index.vue
tree-viewdata-display

feedback

8
Heads up
Inline message.
alertfeedback
No items
empty-statefeedback
progressfeedback
progress-itemfeedback
progress-linearfeedback
skeletonfeedback
Saved successfully
sonnerfeedback
spinnerfeedback

overlay

9
Dialog
Are you sure?
alert-dialogoverlay
Dialog
Are you sure?
alert-modaloverlay
Edit
Copy ⌘C
Delete
context-menuoverlay
Dialog
Are you sure?
dialogoverlay
Edit
Copy ⌘C
Delete
dropdown-menuoverlay
Card title
A small surface for content.
hover-cardoverlay
Floating panel
popoveroverlay
Side panel
sheetoverlay
tooltip ↓
tooltipoverlay

navigation

9
Home/Settings/Account
breadcrumbnavigation
Search…⌘K
→ Settings
commandnavigation
Edit
Copy ⌘C
Delete
menunavigation
FileEditView
menubarnavigation
ProductsSolutionsDocs
navigation-menunavigation
123…12
paginationnavigation
Nav
Content
sidebarnavigation
1
2
3
steppernavigation
AllActiveDone
tabsnavigation

disclosure

2
Section 1+
Section 2+
accordiondisclosure
Section 1+
Section 2+
collapsibledisclosure

layout

8
16:9
aspect-ratiolayout
Card title
A small surface for content.
cardlayout
gridlayout
page chrome
pagelayout
resizablelayout
line 1
line 2
line 3
line 4
scroll-arealayout
Card title
A small surface for content.
section-cardlayout
separatorlayout

date time

6
123456789101112131415161718192021
calendardate-time
123456789101112131415161718192021
date-pickerdate-time
123456789101112131415161718192021
date-range-pickerdate-time
123456789101112131415161718192021
date-time-pickerdate-time
123456789101112131415161718192021
range-calendardate-time
14:32
time-pickerdate-time