On this page
Overview
shadcn-vue 2.8.2 is a Vue port of shadcn/ui built around an open-code model: the CLI adds component source to your project so teams can own and customize the implementation rather than depending on a black-box runtime component package.
Features and best fit
Based on official documentation; not hands-on tested · Content checked:
Key features
Add component source directly to a project with the CLI
shadcn-vue add installs the selected component source and required dependencies into the application, where the generated code can be edited directly.
Bootstrap Vue projects and design-system choices with create or init
The CLI can create Nuxt, Vite, or Vite + Vue Router projects and configure Tailwind CSS plus base, style, icon, font, and color choices.
Sources: [2]
Resolve registry items from public GitHub repositories
Version 2.8.2 adds CLI support for resolving registry items from public GitHub repositories, extending component distribution beyond the standard registry.
Sources: [4]
Best fit
Fits teams that want full control over component markup, styling, and behavior
It is useful when a product wants to own its design-system implementation instead of staying coupled to a packaged UI library's public API.
Sources: [1]
Before adoption
Generated source becomes application-owned, so upgrades require source-level review
Because components are copied into the project, upstream changes are not applied through a simple package upgrade and should be compared against local modifications.
Version 2.8.2 migrates Drawer to Reka UI and Data Table to TanStack Table v9
The release includes a breaking Drawer migration to Reka UI and a Data Table migration to TanStack Table v9, which matter most for projects that already generated those components.
Sources: [4]
Official sources
- [1]shadcn-vue v2.8.2 README(2026-10-05)
- [2]shadcn-vue CLI documentation(2026-10-05)
- [3]shadcn-vue 2.8.2 CLI package metadata(2026-10-05)
- [4]shadcn-vue v2.8.2 release(2026-10-05)
- [5]shadcn-vue MIT license(2026-10-05)
Supplemental curator note
shadcn-vue is not primarily a runtime component package that stays behind an import boundary. Its CLI adds component source to your project, so upgrades require reviewing changes against locally owned code.
Try it in 3 steps
- 1
Install pinned shadcn-vue CLI 2.8.2
Install the reviewed CLI in an isolated npm project without modifying an existing application.
demo=$(mktemp -d "${TMPDIR:-/tmp}/shadcn-vue.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-dev --save-exact shadcn-vue@2.8.2 - 2
Verify the CLI package version
Require the installed CLI to match the reviewed release.
test "$(node -e "console.log(require('shadcn-vue/package.json').version)")" = '2.8.2' - 3
Check the CLI command surface
Verify the CLI starts without running create, init, or add against a real project.
npx shadcn-vue --help >/dev/null
Growth
Growth trends · Last 30 days
10,663 Stars
Trend data is still being collected.
Development activity
Last 90 days · weekly
- Commits (last 30 days)
- 5
- Open PRs
- 18
Development activity is still being collected.
Built with
Categories and tags
Categories
GitHub data
GitHub dataView detailed GitHub data
GitHub Topics
- accessible
- radix-vue
- shadcn
- shadcn-ui
- ui-kit
- ui-library
- vue
- vue-ui-kit
- component-library
- reka-ui
- Stars
- 10,663
- Forks
- 681
- Watchers
- 36
- Open issues
- 127
- Contributors
- 230
- Owner type
- Organization
- Primary language
- TypeScript
- License
- MIT
- Repository last updated
- Oct 4, 2026
Related information
Write a related articleShare a guide or use case for this OSS in Markdown. Articles are published after administrator approval.
Explore next
- Vuetify41,037 Stars
3 shared tag(s) · 1 shared category(s) · Same language
build Vue 3 interfaces with a shared component, theme, and responsive design system
TypeScript - Motion33,834 Stars
3 shared tag(s) · 1 shared category(s) · Same language
build web animation with gestures, springs, layout transitions, scroll effects, and timelines across React, JavaScript, and Vue
TypeScript - React Select28,026 Stars
3 shared tag(s) · 1 shared category(s) · Same language
build searchable and multi-select React interfaces with controlled state and deep component customization
TypeScript - React Spectrum15,913 Stars
3 shared tag(s) · 1 shared category(s) · Same language
build accessible React interfaces with styled Spectrum components or unstyled React Aria primitives
TypeScript - Blade654 Stars
3 shared tag(s) · 1 shared category(s) · Same language
share themes, design tokens, and accessible UI components across React Web and React Native
TypeScript - Quasar Framework27,208 Stars
3 shared tag(s) · 1 shared category(s)
Build web, mobile, and desktop targets from one Vue codebase with a cross-platform framework
JavaScript
Report incorrect information
Tell us if any listing information is incorrect or outdated.