Repolode
Submit
unovue

unovue/shadcn-vue

A Vue 3 port of shadcn/ui: copy-paste, customizable UI components built on Reka UI for your own component library.

View on GitHubWebsite
Stars
10,782
Forks
687
Open issues
154
Last commit
4 days ago

What is it?

shadcn-vue brings the shadcn/ui component approach to Vue. Instead of installing a closed package, you add component source code into your own project and modify it as needed. The components are designed to be customized, extended, and used as the foundation for your own component library.

The project is a Vue port of shadcn/ui and uses Reka UI (formerly radix-vue) for accessible, unstyled primitives. Its documentation lives at shadcn-vue.com, and the repository is a monorepo that includes the documentation app.

It suits Vue and Nuxt developers who want a consistent, accessible set of UI building blocks they fully own and can restyle.

Key features

  • 01Copy-paste component source code you own and can edit directly.
  • 02Built on Reka UI primitives for accessibility.
  • 03Styled with Tailwind CSS-based customization.
  • 04Designed as a base for building your own component library.

Use cases

  • Starting a Vue or Nuxt app with a consistent set of accessible UI components.
  • Building an internal design system on top of shadcn-style components.
  • Customizing component styles and behavior without fighting a closed library.

Topics

#vue#component-library#ui-kit#accessible#tailwind-css#typescript#design-system#radix-vue#reka-ui#shadcn

FAQ

What is shadcn-vue?
A Vue 3 port of shadcn/ui: copy-paste, customizable UI components built on Reka UI for your own component library. shadcn-vue brings the shadcn/ui component approach to Vue. Instead of installing a closed package, you add component source code into your own project and modify it as needed. The components are designed to be customized, extended, and used as the foundation for your own component library.
Is shadcn-vue free to use? What license does it have?
shadcn-vue is open source under the MIT license. Check the license terms before using it in commercial products.
Is shadcn-vue still maintained?
Actively maintained. The last commit to shadcn-vue was on Nov 3, 2026.
What can I use shadcn-vue for?
Starting a Vue or Nuxt app with a consistent set of accessible UI components. Building an internal design system on top of shadcn-style components. Customizing component styles and behavior without fighting a closed library.
Where can I get shadcn-vue?
The source code and installation instructions are on GitHub: https://github.com/unovue/shadcn-vue

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects