- Accordion new
- ActionSheet new
- Alert new
- Alert Dialog new
- Angle Slider new
- Autocomplete new
- Avatar new
- Badge new
- Breadcrumb new
- Button new
- Button Group new
- Card new
- Carousel new
- Checkbox new
- Clipboard new
- Collapsible new
- Color Picker new
- Date Input new
- Date Picker new
- Dialog new
- DialogCaller new
- Drawer beta
- Editable new
- Empty new
- Field new
- Fieldset new
- File Upload new
- Filters new
- Floating Panel new
- Hover Card new
- Image new
- Image Cropper new
- Input new
- Input Group new
- Json Tree View new
- Kbd new
- Listbox new
- Marquee new
- Menu new
- Number Input new
- Pagination new
- Password Input new
- PhoneField new
- Pin Input new
- Popover new
- Progress Circular new
- Progress Linear new
- Qr Code new
- Radio Group new
- Rating Group new
- Scroll Area new
- ScrollSpy new
- Segment Group new
- Select new
- Separator new
- Sidebar new
- Signature Pad new
- Skeleton new
- Slider new
- Splitter new
- Steps new
- Switch new
- Table new
- Tabs new
- Tags Input new
- Textarea new
- Timeline new
- Timer new
- Toast new
- Toc new
- Toggle new
- Toggle Group new
- Tooltip new
- Tour new
- Tree View new
- Typography new
Vuzeno is a complete design system for Vue, built on Ark UI. You install production-ready, Tailwind-styled components into your repo with the shadcn-vue CLI, then own and customize the source. Unlike shadcn-vue (Reka UI), Vuzeno’s interactive behavior is Ark-native.
Why Vuzeno?
The Vue ecosystem, while powerful, often lacks the breadth of ready-to-use components available in React. Vuzeno aims to change that by providing carefully crafted components that solve real-world problems — the kind of components you'd otherwise build from scratch or piece together from multiple libraries.
Every component is:
- Composable — Built with a slot-based architecture for maximum flexibility
- Accessible — Following WAI-ARIA guidelines with keyboard navigation
- Styled with Tailwind — Leveraging Tailwind CSS 4 for consistent, customizable design
- TypeScript-first — Full type safety out of the box
Built On
Vuzeno builds on top of excellent open-source projects:
- Ark UI — Headless, accessible UI primitives (the foundation of the design system)
- Tailwind CSS — Utility-first CSS framework
- VueUse — Essential Vue composition utilities
- shadcn-vue CLI — Registry installer used to pull components into your project (CLI only — see below)
Why Ark UI?
Ark UI powers the interactive behavior of Vuzeno components. It provides:
- Broad coverage — Primitives for complex UI patterns (dialogs, menus, date pickers, and more)
- Accessibility — Keyboard navigation and WAI-ARIA patterns built in
- Part-based composition — Clean APIs that scale in real apps
- Framework-native Vue — First-class Vue bindings with typed props and events
Vuzeno wraps these primitives with Tailwind styles and opinionated composition so you get production-ready components without giving up control of the source.
Why not shadcn-vue components?
shadcn-vue is built on Reka UI and has no support for Ark UI. Vuzeno therefore stays detached from the shadcn-vue component library: we share only the CLI and registry format to install source into your project, while the design system itself is fully Ark UI-based.
Philosophy
Vue deserves a richer ecosystem. While React developers enjoy an abundance of polished components and utilities, Vue developers often find themselves building complex UI patterns from scratch.
Vuzeno exists to close that gap — providing the same level of quality and developer experience that React developers take for granted, but built natively for Vue.
Our goal is simple: build a complete design system on Ark UI and make Vue more attractive by giving developers the tools they need to ship beautiful, functional applications faster.