基于 Radix UI 与 Tailwind CSS 的可复制粘贴 React 组件集，代码归你所有，可随意定制。
12.6万1.3万TypeScriptMIT更新于 7小时前
ant-design/ant-design
面向企业应用的 React 组件库与设计语言，适用于构建 Web 应用界面。
- Star
- 99,827
- Fork
- 54,659
- 未关闭 Issue
- 1,116
- 最近提交
- 3小时前
这是什么？
Ant Design 是一套面向企业级 Web 应用的 React UI 组件库，同时包含配套的设计语言。组件开箱即用，使用 TypeScript 编写，接口和属性有明确的静态类型。
库内提供基于 CSS-in-JS 的主题定制能力，并支持数十种语言的国际化。它可在现代浏览器、服务端渲染以及 Electron 应用中运行，可通过 npm、yarn、pnpm 或 bun 安装。
项目周边还有一组相关产品，包括用于后台布局的 Pro Components、Ant Design Mobile、Ant Design Charts 以及面向 AI 对话界面的 Ant Design X。
核心功能
- 01开箱即用的一套高质量 React 组件。
- 02使用 TypeScript 编写，类型定义清晰可预测。
- 03基于 CSS-in-JS 的主题定制。
- 04支持数十种语言的国际化。
- 05支持服务端渲染与 Electron 环境。
适用场景
- 使用 React 构建后台管理系统和企业内部工具。
- 开发表单较多的 Web 应用，如日期选择、表格和校验组件。
- 为 React 产品搭建可定制主题的统一设计体系。
快速上手
- 1
使用 npm 安装库
npm install antd - 2
在 React 应用中导入并使用组件
使用前须知
- 面向 React Web 应用，不适合非 React 或原生移动端项目。
标签
常见问题
- ant-design 是什么？
- 面向企业应用的 React 组件库与设计语言，适用于构建 Web 应用界面。 Ant Design 是一套面向企业级 Web 应用的 React UI 组件库，同时包含配套的设计语言。组件开箱即用，使用 TypeScript 编写，接口和属性有明确的静态类型。
- ant-design 可以免费使用吗？用的什么许可证？
- ant-design 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- ant-design 还在维护吗？
- 活跃维护中。ant-design 最近一次提交是在 2026年10月21日。
- ant-design 适合用来做什么？
- 使用 React 构建后台管理系统和企业内部工具。 开发表单较多的 Web 应用，如日期选择、表格和校验组件。 为 React 产品搭建可定制主题的统一设计体系。
- ant-design 怎么安装和运行？
- 使用 npm 安装库: npm install antd 在 React 应用中导入并使用组件
- 在哪里获取 ant-design？
- 源代码和安装说明在 GitHub 上：https://github.com/ant-design/ant-design
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
用于独立开发、文档化和测试 UI 组件的前端工作台，支持 React、Vue、Angular 等框架。
9.1万1万TypeScriptMIT更新于 2小时前
面向 React 的无障碍组件库与设计系统，用于快速构建 Web 应用，支持深色模式和 Next.js RSC。
4.1万3652TypeScriptMIT更新于 3天前
基于 React Aria 与 Tailwind CSS v4 构建的 React UI 组件库，前身为 NextUI。
3.1万2237TypeScriptApache-2.0更新于 3天前
一个基于 React 和 Tailwind CSS 的动效组件库，可直接复制到 Next.js 或 shadcn/ui 项目中使用。
2.3万1195MDXMIT更新于 4天前
一套免费、MIT 许可的 6200 多个 SVG 图标，提供 React、Vue、Svelte 等多框架组件包。
2.2万1245JavaScriptMIT更新于 3小时前