Design system at it's core is a tool. it's not meant to be set in stone set of rules. it's provided with set of guideline, best practices, and tools to help you build coherence, accessible, well crafted interface in quick and iterative way.

• Composible at it's core.
• Accessbile is built-in.
• Extendable and customizable using classes.
• Dark theme ready.

This package is built with composability in mind. You can use the components as-is or extend them to create your own components.You can do light weight customizations using classes. or reach for the core API from Reka-ui to build your own components. For e.g. Dialog component has been used to create dialog (modal) as well as Command components.

• Vue 3
• TypeScript
• Phosphor Icons
• Tailwind CSS v4
• class-variance-authority
• reka-ui (aka Radix-vue)
• Framer Motion
• VeeValidate
• vueuse
• Zod

Add TailwindCSS prettier plugin in your .prettierrc. This will sort your tailwind classes.

Clone the repository and install dependancy:

pnpm install
pnpm run dev