Ant Design 的替代品
6 个可以替代 Ant Design 的工具，4 个可完全替代、2 个部分替代。费用、登录、平台与可访问性都是本站实测或从官网核对的。
A
Ant Design
ant.design
蚂蚁集团开源的企业级 UI 设计语言和 React 组件库，把按钮、表格、表单等常见元素做成开箱即用的组件，主题走 CSS-in-JS 可改主色圆角，适合前端开发者拼装中后台管理系统和数据看板。
工具免费不用登录网页多语言开源国内可直接访问
对比
| 条目 | 费用 | 登录 | 平台 | 国内可直接访问 | 一句 |
|---|---|---|---|---|---|
 Semi Design |
免费 | — | 网页 | 待检测 | 同为国内企业级 React 组件库，中后台组件覆盖相当，换过去主题定制和文档体验接近 |
 TDesign |
免费 | 不用登录 | 网页 | 待检测 | 腾讯企业级设计体系，React 组件与设计规范齐全，中后台项目可整体换用 |
 shadcn/ui |
免费 | 不用登录 | 网页 | 待检测 | 替代组件这一块：源码复制进项目、配 Tailwind 自由改样式，但需自己搭设计规范 |
 DevUI |
免费 | — | 网页 | 待检测 | 替代中后台组件这一块：华为设计体系组件齐全，但基于 Angular 而非 React |
 MUI |
有免费版 | — | 网页 | 可以 | React 组件库覆盖表单表格等常用元素，主题定制成熟，适合中后台整体替换 |
 Chakra UI |
有免费版 | 不用登录 | 网页 | 可以 | React 开箱即用组件加语义化主题令牌，中后台页面可整体迁移 |
详细介绍
可完全替代 4
Semi Design
字节跳动抖音前端与 UED 团队维护的开源设计系统，含 React 组件库与 Figma UIKit，适合中后台 Web 团队让设计师与开发者对着同一套组件出稿写页面。同为国内企业级 React 组件库，中后台组件覆盖相当，换过去主题定制和文档体验接近
TDesign
腾讯开源的企业级设计体系，把设计规范、Figma 资源和多端 UI 组件打包在一起，覆盖 React、Vue、小程序、Flutter 等栈，图标可调描边与多色填充，适合前端团队照着同一套规范快速搭出统一界面。腾讯企业级设计体系，React 组件与设计规范齐全，中后台项目可整体换用
MUI
面向 React 开发者的 UI 工具集，提供 40 多个遵循 Material Design 的免费组件与主题定制，适合正在做后台管理或数据看板、想省掉从零写组件的前端团队。React 组件库覆盖表单表格等常用元素，主题定制成熟，适合中后台整体替换
Chakra UI
面向 React 的组件库，提供开箱即用的按钮、表单、弹窗等可访问组件，并以语义化令牌和 recipe 统一主题，适合需要快速搭出表单与弹层、又不想牺牲可访问性的前端开发者。React 开箱即用组件加语义化主题令牌，中后台页面可整体迁移
部分替代 2
shadcn/ui
开源的 React 组件集合，基于 Radix UI 和 Tailwind CSS，把按钮、对话框、表单等源码放在文档站供按需复制，适合想统一团队组件风格、又不愿被第三方库默认样式绑住的前端开发者。替代组件这一块：源码复制进项目、配 Tailwind 自由改样式，但需自己搭设计规范
DevUI
华为开源的企业中后台前端组件库与设计体系，基于 Angular，提供 Tree、Table 等可灵活配置的组件和设计原则文档，适合用 Angular 10 及以上版本搭建管理系统的前端团队与设计师。替代中后台组件这一块：华为设计体系组件齐全，但基于 Angular 而非 React
还有：Arco Design（未收录）