Shadcn Vue screenshot

Shadcn Vue

Author Avatar Theme by Unovue
Updated: 22 May 2025
7252 Stars

Vue port of shadcn-ui

Categories

Overview:

shadcn-vue is a community-driven Vue port of shadcn/ui, offering accessible and customizable components for Vue applications. This project was created independently but with the blessing of shadcn. It aims to provide developers with a set of components that can be easily integrated into their Vue projects for free.

Features:

  • Unofficial Vue Port: A community-led project offering Vue components inspired by shadcn/ui.
  • Accessibility: Components are designed with accessibility in mind for better user experience.
  • Customizability: Easily tailor components to fit your app’s design with customization options.
  • Free and Open Source: Access the components for free and contribute to the project as it is open-source.

Installation:

To install shadcn-vue, you can use npm or yarn. Here is how you can install it using npm:

npm install shadcn-vue

And with yarn:

yarn add shadcn-vue

After installation, import the components where needed in your Vue project.

Summary:

shadcn-vue is an unofficial project that provides Vue developers with a collection of accessible and customizable components inspired by shadcn/ui. It’s a free and open-source resource that aims to enhance the development experience by offering a set of components that can be easily integrated into Vue applications.