ZenUI Library for Vue
Open-source Vue 3 and Nuxt components. 150 reusable entries, 1,600+ live examples.
- Product
- ZenUI Library for Vue
- Status
- Active
- Stack
- Vue, Nuxt, TypeScript, Tailwind CSS
- Updated
- 2026-10-01
The problem
Vue teams deserve the same ready-made, dependency-free building blocks as React teams, without installing a package or configuring a theme.
The answer
What we built instead.
The ZenUI component library for Vue 3 and Nuxt. Version 2.0 ships 150 reusable entries (58 components, 44 blocks and 48 animations) driven by props, slots and v-model, with more than 1,600 live examples. Every snippet comes in Vue or Nuxt, TypeScript or JavaScript, with a props, events and slots table and an Edit on StackBlitz playground.
Vue and Nuxt
Every entry in Vue 3 or Nuxt, TypeScript or JavaScript. The choice is remembered.
50 advanced pieces from scratch
Gantt chart, org chart, globe hero, file manager, image cropper and more, with no chart, physics or 3D libraries.
API docs and playground
Props, events and slots on every entry, and Edit on StackBlitz opens a matching project.
No dependencies
Copy one .vue file. Nothing extra lands in your bundle.
How it behaves
From input to result, in 3 moves.
<template> <button @click="count++"> Clicked {{ count }} times </button></template><script setup>const count = ref(0)</script><style scoped>button { border-radius: 999px }</style>
Browse
Find a component.
Copy
Take the Vue source.
Ship
Adapt and deploy.
Try it
Try the idea without leaving the page.
A small playground built with browser APIs. It shows the principle; the real tool does far more.
Under the hood
Under the hood.
- RuntimeVue 3 · Nuxt
- StylingTailwind CSS
- DistributionSingle .vue files you copy · StackBlitz playground
Who it is for
Vue developers
Build interfaces from ready components that match the ZenUI system.
Put ZenUI Library for Vue to work.
Works alongside