shadcn-vue
A Vue port of shadcn-ui: copy-in UI components you can customize and build on.
- Stars
- 10.8k
- Forks
- 686
- Licence
- MIT
- Language
- TypeScript
- Last update
- 9 days ago
- Type
- Library
What it is
shadcn-vue is a set of UI components for Vue, ported from the shadcn-ui project. The README describes them as designed components you can customize, extend, and build on, and it encourages using the code as a starting point for your own component library. The project is MIT licensed and has a documentation site at shadcn-vue.com.
- Start a Vue web app with pre-built UI components such as those documented on the docs site
- Adapt the component source to match your own brand or design system
- Use it as the basis for a shared component library in your organization
Great for
- Vue developers who want ready-made UI components they can edit directly
- Teams building their own internal component library
- Projects that want accessible, customizable components as a base
Not ideal for
- People who want a finished visual theme with no code changes; the README frames it as a starting point to customize
- Non-developers, since it is a code-level component set
- Projects that need a framework other than Vue
How to get it
- 1
See the README
Clone the repository
git clone https://github.com/unovue/shadcn-vue - 2
Run it
- Open the documentation at http://shadcn-vue.com/docs
- Follow the setup instructions there for your Vue project
- Add a component and customize its source to fit your needs
- 3
Get the most out of it
- Read the contributing guide if you plan to change the library upstream
- Review the docs site for the current list of components and setup steps
- Treat the copied component code as your own and adapt it to your design system
Downloads
Strengths
- MIT licensed, so it can be used and modified freely
- Open code: the README emphasizes that you can change the components themselves
- Documentation is available on a dedicated site
Trade-offs
- The README is short and does not list specific components or install steps, so details must be checked on the docs site
- Depends on the Vue ecosystem; you need to be comfortable with Vue and TypeScript
- Latest release is v2.9.0 with no binaries, so it is consumed as code rather than as an app
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| shadcn-vue (this) | 10.8k | Library | intermediate | 9 days ago | Vue developers who want ready-made UI components they can edit directly |
| naive-ui | 18.6k | Library | beginner | 11 days ago | Vue 3 developers building admin panels or internal tools |
| primevue | 14.4k | Library | intermediate | 1 months ago | Vue developers who already use PrimeVue and need security fixes for existing projects |
| layui | 30.6k | Library | beginner | 4 days ago | Developers maintaining existing sites or admin panels built on Layui |
| vant | 24.4k | Library | beginner | 4 days ago | Teams building mobile-first web apps or H5 pages in Vue |
| bootstrap-vue | 14.4k | Library | intermediate | 7 months ago | Developers maintaining an existing Vue 2 app that already uses BootstrapVue |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.