shadcn/ui 的替代品
6 个可以替代 shadcn/ui 的工具。费用、登录、平台与可访问性都是本站实测或从官网核对的。
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 shadcn/vue |
免费 | 不用登录 | 网页 | 待检测 | 替代 Vue 项目这一块：同样源码复制、可改样式，但只服务 Vue 而非 React |
 Radix UI |
免费 | — | 网页 | 待检测 | 替代底层无障碍原语这一块：shadcn/ui 的组件就建在它之上，但需自己配样式 |
 HeroUI |
有免费版 | — | 网页 · macOS | 待检测 | 替代 React 组件这一块：开箱即用且跨 Web 与原生，但默认样式绑定更强 |
 21st |
有免费版 | 可选登录 | 网页 | 待检测 | 替代 Tailwind 组件区块这一块：可复制上千个区块，但偏营销页与 AI 界面，缺完整表单体系 |
| AAnt Design | 免费 | 不用登录 | 网页 | 可以 | 替代开箱即用组件这一块：组件齐全、中文文档，但默认样式重、定制不如复制源码自由 |
 Chakra UI |
有免费版 | 不用登录 | 网页 | 可以 | 替代主题令牌与可访问组件这一块：开箱即用，但以 npm 依赖引入、样式定制受限 |
详细介绍
部分替代 6
shadcn/vue
unovue 维护的开源 Vue 界面组件集合，以源码复制方式提供按钮、对话框、表单等元素和账户设置、聊天窗口等页面区块，附可预览效果与代码，适合熟悉 Tailwind CSS 的前端在搭中后台时直接取用改造。替代 Vue 项目这一块：同样源码复制、可改样式，但只服务 Vue 而非 React
Radix UI
面向 React 的开源组件库，分 Themes、Primitives、Icons、Colors 四部分，Primitives 只留交互与可访问性逻辑、便于套用自有设计系统，适合已有设计规范、不想从零处理键盘导航和屏幕阅读器兼容的前端团队。替代底层无障碍原语这一块：shadcn/ui 的组件就建在它之上，但需自己配样式
HeroUI
面向 React 与 React Native 的界面组件库，主题设一次即可在 Web 和原生端同步，开源提供 120 多个组件，付费版另有整页模板与 AI 生成界面，适合正在做跨端项目、不想从零写组件的前端开发者。替代 React 组件这一块：开箱即用且跨 Web 与原生，但默认样式绑定更强
21st
面向 React 开发者的 UI 组件库，收录上千个基于 Tailwind 的按钮、定价区块、AI 聊天界面等组件，可在线预览后复制提示词或安装命令，适合想让 AI 编程助手直接检索并安装界面的前端开发者。替代 Tailwind 组件区块这一块：可复制上千个区块，但偏营销页与 AI 界面，缺完整表单体系
A
Ant Design
蚂蚁集团开源的企业级 UI 设计语言和 React 组件库，把按钮、表格、表单等常见元素做成开箱即用的组件，主题走 CSS-in-JS 可改主色圆角，适合前端开发者拼装中后台管理系统和数据看板。替代开箱即用组件这一块：组件齐全、中文文档，但默认样式重、定制不如复制源码自由
Chakra UI
面向 React 的组件库，提供开箱即用的按钮、表单、弹窗等可访问组件，并以语义化令牌和 recipe 统一主题，适合需要快速搭出表单与弹层、又不想牺牲可访问性的前端开发者。替代主题令牌与可访问组件这一块：开箱即用，但以 npm 依赖引入、样式定制受限
还有：Headless UI、Mantine（未收录）