shadcn/vue

shadcn-vue.com又名 shadcn/vue

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

工具免费不用登录网页英文开源

shadcn/vue 首页截图

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。

替代品 全部 6 个 →

收录于 2024 年 10 月 · 更新于 11 月 8 日 · 浏览 210 · 报告问题

替代品 6 个打开官网shadcn-vue.com