
About shadcn/vue
shadcn/vue is a set of Vue components that you copy into your project and then edit. It is a Vue port of the shadcn approach and is maintained by the unovue team.
What it does
The components are open code, so you can change markup and behavior directly instead of working through a wrapper. The docs include ready-made blocks for common layouts such as dashboards, settings pages and account screens. There are also chart examples and a colors page to help you set up a theme. Because each component lives in your own codebase, you decide when and how to update it, and you can extend it without waiting for a library release.
Key features
- Open code you copy into your project
- Blocks for dashboards and account pages
- Chart examples in the docs
- Color and theme guidance
- Components you can extend and adapt
Who it's for
Vue developers who want to own their component code and shape it to their product. Frontend teams building a custom design system will find it a useful base, since the components can be adjusted without forking a whole library.
Pricing and good to know
shadcn/vue is open source under the MIT license, so it is free to use. Because you copy the components into your project, updates are applied by hand, so keep track of the source repository for changes. The site is open about its approach, with the phrase open source and open code shown on the home page.
Highlights
- Open code you copy into your project
- Blocks for dashboards and account pages
- Chart examples in the docs
- Color and theme guidance
- Components you can extend and adapt












