Getting Started
Introduction
Bundy UI is a dark-themed Vue/Nuxt component library — 112 components and 282+ icons, styled entirely with UnoCSS utility classes.
Why Bundy
Batteries included
Sidebars, tables, command palettes, toasts, date/time pickers — the whole surface area a real dashboard needs, not just buttons and cards.
Utility-first styling
No component-scoped CSS to fight — every visual is a UnoCSS class, themed through one shared preset of design tokens.
One place to configure
Colors and default props are set once, in config — not by forking a component or hunting through node_modules.
Quick example
Every component is auto-imported under a Ui prefix — no manual imports needed.
<UiButton icon="plus" color="primary">
New project
</UiButton>Configuration, at a glance
Two files cover everything you'd normally fork a component for. See Theming for the full picture.
Colors — uno.config.ts
bundyPreset({
colors: {
primary: { DEFAULT: "#7C5CFF" },
},
})Default props — app.config.ts
defineAppConfig({
bundyUI: {
button: { variant: "ghost" },
},
})