手绘风格的 shadcn/ui 组件库，123 个可访问的 React 组件，像在纸上用笔画出来一样。
517+425 本周29TypeScriptMIT更新于 6天前
unovue/shadcn-vue
shadcn/ui 的 Vue 版本，提供可复制、可定制的 UI 组件，基于 Reka UI 构建。
- Star
- 10,782
- Fork
- 687
- 未关闭 Issue
- 154
- 最近提交
- 4天前
这是什么？
shadcn-vue 将 shadcn/ui 的组件理念带到 Vue 生态。它不是以闭源包的形式安装，而是把组件源码直接加入你的项目，按需修改。组件本身就是为定制、扩展和作为自建组件库的基础而设计的。
该项目是 shadcn/ui 的 Vue 移植版，底层使用 Reka UI（前身为 radix-vue）提供无样式、注重可访问性的基础组件。文档位于 shadcn-vue.com，仓库为 monorepo 结构，其中包含文档站点。
适合希望拥有一套一致、可访问的 UI 基础组件并能完全自主修改样式的 Vue 和 Nuxt 开发者。
核心功能
- 01以可复制的组件源码形式提供，可直接编辑。
- 02基于 Reka UI 基础组件，注重可访问性。
- 03组件可通过 Tailwind CSS 进行样式定制。
- 04可作为构建自有组件库的基础。
适用场景
- 在 Vue 或 Nuxt 应用中快速搭建一套统一、可访问的 UI 组件。
- 基于 shadcn 风格组件构建内部设计系统。
- 在不受闭源库限制的前提下定制组件样式与行为。
标签
常见问题
- shadcn-vue 是什么？
- shadcn/ui 的 Vue 版本，提供可复制、可定制的 UI 组件，基于 Reka UI 构建。 shadcn-vue 将 shadcn/ui 的组件理念带到 Vue 生态。它不是以闭源包的形式安装，而是把组件源码直接加入你的项目，按需修改。组件本身就是为定制、扩展和作为自建组件库的基础而设计的。
- shadcn-vue 可以免费使用吗？用的什么许可证？
- shadcn-vue 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- shadcn-vue 还在维护吗？
- 活跃维护中。shadcn-vue 最近一次提交是在 2026年11月3日。
- shadcn-vue 适合用来做什么？
- 在 Vue 或 Nuxt 应用中快速搭建一套统一、可访问的 UI 组件。 基于 shadcn 风格组件构建内部设计系统。 在不受闭源库限制的前提下定制组件样式与行为。
- 在哪里获取 shadcn-vue？
- 源代码和安装说明在 GitHub 上：https://github.com/unovue/shadcn-vue
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
面向 React 的无障碍组件库与设计系统，用于快速构建 Web 应用，支持深色模式和 Next.js RSC。
4.1万+6 本周3647TypeScriptMIT更新于 前天
基于缩放、间距与配色公式的 CSS 优先 UI 组件框架，目前面向 Next.js，尚不建议用于生产环境。
3269+1 本周63CSSApache-2.0更新于 12天前
基于 Tailwind CSS 的开源组件库，通过类名提供现成的 UI 组件。
4.3万+49 本周1714JavaScriptMIT更新于 7天前
基于 Ant Design 设计规范的企业级 Vue UI 组件库，同时支持 Vue 2 与 Vue 3。
2.2万+5 本周3886VueOther更新于 16天前
面向 React 与 Next.js 的开源动效组件库，提供 215 个以上可定制的动画组件与背景。
5.1万+629 本周2573JavaScriptOther更新于 7天前