10.7K ·GitHub
这是什么?
shadcn-vue 是 shadcn-ui 的 Vue 版本:一套设计精美、无障碍友好的 UI 组件,你可以自由定制、扩展,并在此基础上搭建自己的组件库。
这是一个现成的组件库,还是用来自己搭建组件库的起点?
它不是固定的安装包,而是一个供你自己改造的起点:这些组件就是设计出来让你定制和扩展的,最终成为你自己的组件库。
怎么把这些组件加到我的应用里?
README 会引导你去看文档网站;仓库里还提供了 shadcn-vue CLI 包,用来把组件添加到项目中。
这些组件依赖什么——我的 Vue 应用里还需要装别的东西吗?
组件建立在 Reka UI(前身是 Radix Vue)之上,也就是 Radix UI 基础组件的 Vue 版本,无障碍方面的组件行为都来自这个底层。
那这是给谁用的——专门给 Vue 开发者的吗?
是给开发 Web 界面的 Vue 开发者用的——它把 shadcn-ui 的思路带到了 Vue 生态。
它能在浏览器之外运行吗?
这是一套 Web UI 组件库——组件是在浏览器里的 Vue 应用中渲染的。
它和 shadcn/ui 有什么区别?
shadcn/ui 是为 React 打造的;shadcn-vue 是它在 Vue 上的对应版本——核心理念一样,都是你拥有并可自由定制的成品级组件,只不过面向 Vue 项目。
有官方的 Nuxt 集成吗?
有——monorepo 里包含一个 shadcn-nuxt 模块,与主项目一同维护,Nuxt 应用有一条专门的集成途径。
这个项目还在活跃维护吗?
种种迹象表明还在维护:大约 10.7k 星标,仓库没有归档,而且 CI 流水线会自动发布新版本、发布到 npm,并为每个 pull request 生成 pkg.pr.new 预览构建。
What are similar projects?
chakra-ui, arc-library, vant, primitives, Monocharts, bootstrap-vue, canvas-ui, vuetify
Which topics is it in?
accessible, radix-ui, nuxt, shadcn, ui-kit, shadcn-ui, ui-library, design-system, accessibility, component-library, vue, ui-components
