shadcn/vue
shadcn-vue.com又名 shadcn/vue
unovue 维护的开源 Vue 界面组件集合,以源码复制方式提供按钮、对话框、表单等元素和账户设置、聊天窗口等页面区块,附可预览效果与代码,适合熟悉 Tailwind CSS 的前端在搭中后台时直接取用改造。
工具免费不用登录网页英文开源

shadcn/vue 把一组设计好的界面组件以源码形式提供出来,你不需要安装一个庞大的组件库,而是把需要的组件代码复制进自己的项目,再按需改样式和逻辑。它解决的是「想要一套统一好看、又能完全掌控的界面基础」这个问题,尤其适合用 Vue 开发中后台或产品站的前端。
主要功能
站点上按组件、区块、图表、颜色、字体等分类展示内容。组件覆盖按钮、对话框、徽章、表单等常见界面元素,区块则是把多个组件拼成可直接用的页面片段,比如账户设置、账单列表、聊天窗口。每个条目都给出可预览的效果和对应的代码,你可以先看再拿。项目本身开源,代码托管在 GitHub 上,由 unovue 维护。
适合谁
适合已经熟悉 Vue 和 Tailwind CSS、想快速搭出统一视觉风格又不想被组件库锁死的开发者。如果你习惯从零手写样式,或者项目对设计系统有较强的定制需求,这种「给代码不给包」的方式会比较顺手。
费用与限制
项目开源免费,没有付费墙。使用前需要自己配置好 Vue 项目和 Tailwind 环境,组件代码复制过去后维护责任也在你这边。站点界面以英文为主,文档和示例都围绕 Vue 生态展开。
常见问题
shadcn/vue 收费吗?
shadcn/vue 免费使用。
用 shadcn/vue 要登录吗?
不用登录就能用。
shadcn/vue 有哪些平台 / App?
支持 网页。
shadcn/vue 的替代品有哪些?
本站整理了 6 个替代品,例如 shadcn/ui、Tailwind CSS、HeroUI、Uiverse。