v1.0 — Vue 3 · Nuxt 3 · TypeScript
A design system built for modern Vue apps
Production-ready components, live prop editing, design tokens, and full accessibility documentation — all built from scratch with Vue 3, Nuxt 3, and Tailwind CSS.
17components
3themes
100%TypeScript
SSRready
Principles
Type-safe by default
Full TypeScript throughout. Every prop, emit, and composable is strongly typed.
Accessible by design
ARIA roles, keyboard navigation, focus management, and screen reader support built in.
Tokens at the root
CSS custom properties power every color, shadow, and transition across all themes.
SSR compatible
No hydration mismatches. All components render cleanly on the server with Nuxt 3.
Color scale — Primary
subtle
muted
400
500
600
700
--color-primary--color-bg--color-surface--color-border--shadow-md--radius-xl--transition-baseBuilt with
Nuxt 3Vue 3TypeScriptTailwind CSS v3CSS Custom PropertiesSSRComposition APIhighlight.js