10.7K ·GitHub
What is this?
shadcn-vue is the Vue port of shadcn-ui: beautifully designed, accessible UI components that you can customize, extend, and build your own component library on.
shadcn-vue is the Vue port of shadcn-ui: beautifully designed, accessible UI components that you can customize, extend, and build your own component library on.Is this a ready-made component library or a starting point for building one?It's a starting point you make your own rather than a fixed package: the components are designed to be customized and extended until they become your own component library.
It's a starting point you make your own rather than a fixed package: the components are designed to be customized and extended until they become your own component library.How do I get the components into my app?The README points you to the documentation site; the repo also ships a shadcn-vue CLI package for adding components to a project.
The README points you to the documentation site; the repo also ships a shadcn-vue CLI package for adding components to a project.What do the components sit on top of — anything I need in my Vue app?The components build on Reka UI (formerly Radix Vue), the Vue port of the Radix UI primitives, so the accessible component behavior comes from that foundation.
The components build on Reka UI (formerly Radix Vue), the Vue port of the Radix UI primitives, so the accessible component behavior comes from that foundation.So who is this for — Vue developers specifically?Vue developers building web UIs — it brings the shadcn-ui approach to the Vue ecosystem.
Vue developers building web UIs — it brings the shadcn-ui approach to the Vue ecosystem.Does this run outside the browser?It's a web UI kit — the components render inside Vue apps in the browser.
It's a web UI kit — the components render inside Vue apps in the browser.How is it different from shadcn/ui?shadcn/ui is built for React; shadcn-vue is its counterpart for Vue — the same idea of designed components you own and customize, but for Vue projects.
shadcn/ui is built for React; shadcn-vue is its counterpart for Vue — the same idea of designed components you own and customize, but for Vue projects.Is there an official Nuxt integration?Yes — the monorepo contains a shadcn-nuxt module maintained alongside the main project, so Nuxt apps get a dedicated integration path.
Yes — the monorepo contains a shadcn-nuxt module maintained alongside the main project, so Nuxt apps get a dedicated integration path.Is the project actively maintained?Signs point to yes: about 10.7k stars, the repo is not archived, and CI pipelines publish releases, npm publishes and pkg.pr.new preview builds for pull requests.
Signs point to yes: about 10.7k stars, the repo is not archived, and CI pipelines publish releases, npm publishes and pkg.pr.new preview builds for pull requests.What are similar projects?chakra-ui, arc-library, vant, primitives, Monocharts, bootstrap-vue, canvas-ui, vuetify
chakra-ui, arc-library, vant, primitives, Monocharts, bootstrap-vue, canvas-ui, vuetifyWhich topics is it in?accessible, radix-ui, nuxt, shadcn, ui-kit, shadcn-ui, ui-library, design-system, accessibility, component-library, vue, ui-components
accessible, radix-ui, nuxt, shadcn, ui-kit, shadcn-ui, ui-library, design-system, accessibility, component-library, vue, ui-components