shadcn/vue 的替代品
6 个可以替代 shadcn/vue 的工具，1 个可完全替代、5 个部分替代。费用、登录、平台与可访问性都是本站实测或从官网核对的。
shadcn/vue
shadcn-vue.com
unovue 维护的开源 Vue 界面组件集合，以源码复制方式提供按钮、对话框、表单等元素和账户设置、聊天窗口等页面区块，附可预览效果与代码，适合熟悉 Tailwind CSS 的前端在搭中后台时直接取用改造。
工具免费不用登录网页英文开源
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 shadcn/ui |
免费 | 不用登录 | 网页 | 待检测 | 同一套 shadcn 源码复制模式，组件与区块覆盖相近，但面向 React 而非 Vue |
 Tailwind CSS |
— | — | 网页 | 待检测 | 替代样式基础这一块：原子类拼界面，但需自己写组件，没有现成按钮对话框 |
 HeroUI |
有免费版 | — | 网页 | 待检测 | 替代组件来源这一块：组件更多更全，但以包安装、React 为主，不能复制源码改造 |
 Uiverse |
免费 | — | 网页 | 待检测 | 替代成品 UI 元素这一块：可复制按钮卡片等代码，但无完整页面区块与 Vue 集成 |
 PrimeVue |
— | — | 网页 | 可以 | 替代 Vue 组件这一块：组件齐全带主题，但以包引入、不能复制源码完全掌控 |
 Element Plus |
免费 | 不用登录 | 网页 | 可以 | 替代中后台组件这一块：Vue 3 组件成熟中文文档好，但为包安装、样式定制受限 |
详细介绍
可完全替代 1
部分替代 5
Tailwind CSS
工具类优先的 CSS 框架，用 flex、pt-4 这类原子类直接在 HTML 里拼出界面，靠 md:、dark: 前缀处理响应式与夜间模式，适合用 React、Vue 做项目的前端开发者快速搭页面。替代样式基础这一块：原子类拼界面，但需自己写组件，没有现成按钮对话框
HeroUI
开源的 React 与 React Native UI 组件库，提供 120 多个内置可访问性的组件，主题配置一次即可同时适配 Web 和移动端，适合已用 React 做项目、想快速搭出统一视觉风格的前端开发者。替代组件来源这一块：组件更多更全，但以包安装、React 为主，不能复制源码改造
Uiverse
社区投稿的免费 UI 元素库，收录按钮、加载动画、卡片、表单等成品组件，可按 HTML/CSS、Tailwind、React 取码或直接粘进 Figma，适合赶工期的前端开发者快速凑出交互细节。替代成品 UI 元素这一块：可复制按钮卡片等代码，但无完整页面区块与 Vue 集成
PrimeVue
PrimeTek 出品的 Vue UI 组件库，提供 90 多个可定制组件，支持 TypeScript、按需引入和 SSR，适合用 Vue 搭后台和业务系统的开发者。替代 Vue 组件这一块：组件齐全带主题，但以包引入、不能复制源码完全掌控
Element Plus
基于 Vue 3 的开源桌面端组件库，表格、表单、弹窗等控件封装齐全，文档站含设计指南、可交互组件演示和设计资源下载，适合用 Vue 3 做管理后台、数据看板这类表单表格密集界面的前端开发者。替代中后台组件这一块：Vue 3 组件成熟中文文档好，但为包安装、样式定制受限
还有：Vuetify（未收录）