Ant Design 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Ant Design 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Ant Design 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Ant Design 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Ant Design 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Web框架
开源组织 阿里巴巴
地区 国产
投 递 者 叶秀兰
适用人群 未知
收录时间 2015-07-27

软件简介

 Ant Design,一套企业级 UI 设计语言和 React 组件库。

✨ 特性

  • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
  • 📦 开箱即用的高质量 React 组件。
  • 🛡 使用 TypeScript 开发,提供完整的类型定义文件。
  • ⚙️ 全链路开发和设计工具体系。
  • 🌍 数十个国际化语言支持。
  • 🎨 深入每个细节的主题定制能力。

🖥 支持环境

  • 现代浏览器和 IE11 及以上。
  • 支持服务端渲染。
  • Electron
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 安装

npm install antd --save
yarn add antd

🔨 示例

import { Button, DatePicker } from 'antd';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker />
  </>
);

引入样式:

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

你也可以使用 babel-plugin-import

🛡 TypeScript

参考 在 TypeScript 中使用。

🌍 国际化

参考 国际化文档

🔗 链接

⌨️ 本地开发

你可以使用 Gitpod 进行在线开发:

Open in Gitpod

或者克隆到本地开发:

$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

打开浏览器访问 http://127.0.0.1:8001 ,更多本地开发文档

🤝 参与共建 PRs Welcome

请参考贡献指南.

强烈推荐阅读 《提问的智慧》《如何向开源社区提问题》《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

Let's fund issues in this repository

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (27)

加载中
看着就头疼
05/31 16:03
回复
举报
cool [4]
2019/11/20 16:37
回复
举报
不敢用了
2019/10/02 14:15
回复
举报

引用来自“Bingdor”的评论

还有彩蛋不😄
打死都不会再弄彩蛋了,哈哈哈哈
2019/06/18 12:29
回复
举报
还有彩蛋不😄
2019/06/17 17:37
回复
举报
前端技术各种炫酷啊
2019/02/19 08:08
回复
举报
这是一款号称企业级的娱乐性质的UI,当作者写下代码的时候,只有他的救世主和他知道写了什么,现在这玩意儿只有他的救世主知道里面写了什么。
2018/12/28 11:39
回复
举报
#Ant Design# 事件,据说玉伯很生气,整个部门的绩效 3.25 分!
2018/12/25 14:42
回复
举报
i6u
可以试试,很棒
2018/11/16 18:54
回复
举报
打分: 推荐
很好用 就是日期控件不习惯
2018/09/04 09:14
回复
举报
更多评论
发表于大前端专区
10/13 17:53

Ant Design 4.17.0-alpha.6 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.17.0-alpha.6 现已发布,主要变化如下: 修复 InputNumber 操作杆箭头未居中对齐的问题。#32409 修复多次调用 Notification 时 closeIcon 配置会被覆盖的问题。#32359 修复 Button 有 icon 和 href 时的对齐问题。#32373 优化 Drawer 弹出动画。#32342 修复 Mentions 在 Form 下错误样式丢失的问题。#32385 TypeScript 修复 ConfigProvider 中 getPopupContainer 的参数类型。#32406 更新说明:https://github.com/...

3
1
09/27 07:08

Ant Design 4.17.0-alpha.4 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.17.0-alpha.4 现已发布,主要变化如下: 修复英文国际化文案 Ok 为 OK。#32259 修复 antd.variable.less 编译时会混入默认主题配置的问题。#32279 Button 修复 Button ghost 鼠标悬停样式。#32289 修复 Button 配置 loading 时,无法触发 Tooltip 的问题。#32158 Table 修复 Table 不支持 ref 的问题。#32136 Table 移除 IE11 下 sticky 的相关样式以解决布局问题。#32177 优化 Table 排序图标边距问题。#32172 修...

0
0
09/15 06:21

Ant Design 4.17.0-alpha.3 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.17.0-alpha.3 现已发布,主要变化如下: Pagination 支持定制 selectComponentClass。 #32132 Tree 与 TreeSelect 支持 placement 属性。#32143 修复 Cascader 中 popupClassName 与 popupPlacement 属性无效问题。#32143 修复调用 message.useMessage 时未使用 ConfigProvider 中的 getPopupContainer 返回元素作为容器的问题。#31939 修复 Table 中 pagination.className 不生效的问题。#32131 修复 RangePicke...

0
0
发表了资讯
08/09 06:30

Ant Design 4.16.11 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.11 已发布,主要变化: 修复 ConfigProvider 切换国际化时子组件 rerender 的问题。#31630 @Map1en 简化 ghost 按钮的样式代码,去掉 !important 样式规则。#31659 优化 RangePicker 的范围样式的 transition 效果。#31645 修复 Dropdown destroyPopupOnHide TypeScript 定义丢失的问题。#31700 @linxianxi 移除多余的 Omit 类型定义。#31661 @Dreamerryao Ant Design 是一套企业级 UI 设计语言和 React 组件库...

0
0
07/13 07:10

Ant Design 4.16.7 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.7 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 DatePicker 在 Table 内使用时日期未居中的问题。#31306 修复 Descriptions 在 Table 内边框丢失的问题。#31307 修复 InputNumber 边框和交互范围不匹配的...

1
0
06/25 06:40

Ant Design 4.16.5 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.5 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Menu 直接导入 @ant-design/icons 的方式以减少不使用 Tree Shaking 的打包尺寸。#31011 修复 Menu 过长省略弹层没有跟随 theme 配置的问题。#31043 修复...

0
1
06/16 07:26

Ant Design 4.16.3 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Tooltip 的 getPopupContainer 属性为 undefined 时,Tooltip 只能挂载到 body 上的问题。#30963 修复 Button 加载中图标间距丢失的问题。#30962 Table ...

0
0
06/08 06:30

Ant Design 4.16.2 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.2 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Menu horizontal 模式下的自动省略布局会被 float 破坏的问题。#30879 Typography 修复 Typography.Paragraph 的 copyable 会将 React.Fragment 当做数组...

0
2
06/01 07:45

Ant Design 4.16.1 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.1 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: Menu 修复超长省略不能按照预期工作的问题。#30672 修复在卸载时报 Can't perform a React state update on an unmounted component 的警告信息。#30678 修复 ...

1
0
发表了资讯
05/26 07:16

Ant Design 4.16.0 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.16.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 重构 Menu,支持键盘操作以及无障碍体验优化。#30382 重新设计 Table 筛选和排序按钮的位置,使其归属列更明确。#30651 Table Table.Summary 支持 sticky 模式...

0
0
05/19 07:23

Ant Design 4.15.6 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.15.6 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Upload 上传文件被 accept 过滤后 beforeUpload 无法接收到的问题。#30549 移除全局样式中对 th 的 text-align 属性的重置。#30399 国际化 补充印地语国际...

0
0
发表了资讯
05/12 07:01

Ant Design 4.15.5 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.15.5 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Upload 在 IE 下,beforeUpload 返回 false 的报错问题。#30391 Calendar 修复 Calendar 在 Form.Item 下样式错乱的问题。#30442 修复 Calendar value 设...

0
2
发表了资讯
04/27 07:07

Ant Design 4.15.3 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.15.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: Table 修复选择列和边框冲突的问题。#30304 当 current 为负数时将在显示控制台警告。#30242 @wadezhan 修复 Button type="link" 添加 disabled 后仍然可点击跳...

0
1
04/20 07:25

Ant Design 4.15.2 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.15.2 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Tabs centered 失效问题。#30106 修复 Badge status="warning" 时切换样式异常的问题。#30090 修复 Button 为 type="link" 时禁用手型丢失的问题。#3019...

2
0
04/11 07:54

Ant Design 4.15.1 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.15.1 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Descriptions labelStyle contentStyle 当设置 layout="vertical" 和 bordered={true} 时不生效的问题。#29942 Upload 的 fileList 为冻结对象时不再崩溃...

5
2
发表了资讯
03/31 07:07

Ant Design 4.15.0 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.15.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: Table 新增 rowSelection.defaultSelectedRowKeys 支持。#29879 修复 TextArea 受控时展示值会被 maxLength 截取的问题;修复 maxLength 下超出部分无法触发 ...

0
2
03/16 07:03

Ant Design 4.14.0 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.14.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: Upload Upload onChange 改回原本行为(before Upload false 返回原始文件,其余场景返回封装对象)。现在你始终可以通过 onChange.info.originFileObj 获得原...

0
4
03/09 07:32

Ant Design 4.13.1 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.13.1 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 message.config 配置 prefixCls 时丢失淡入淡出动画的问题。#29574 修复 Tooltip 在某些情况下设置 visible 为 true 却无法交互的问题。#29555 修复多页面...

2
2
03/01 07:47

Ant Design 4.13.0 发布,企业级 UI 设计语言和 React 实现

Ant Design 4.13.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: InputNumber 添加 stringMode 属性以支持高精度 step。value 受控并超出范围时展示警告样式而不是强制改值。动态修改 min 和 max 不再触发 onChange 事件。#29...

2
1
发表于大前端专区
02/15 12:17

Ant Design 源码仓库被删除

今天早些时候,stackoverflow 上有用户发现 Ant Design 项目在 GitHub 上的仓库地址无法访问,疑似被官方删除。经过 Ant Design 官方的初步调查,认定此次事件是受到黑客攻击导致。 Ant Design 是一套企业级 UI 设计语言和 React 组件库,在社区中拥有庞大的用户群体。名为 Jeggy 的社区用户最早发现 Ant Design 的 GitHub 仓库地址返回 404,官网也暂时损坏,但使用 npm 时一切正常。 而 Ant Design 方面对于 GitHub 仓库被删表...

41
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2018/09/10 17:38

Ant design

https://ant.design/components/drawer-cn/ https://github.com/ant-design/ant-design-pro/blob/master/src/pages/List/Articles.js http://www.doc88.com/p-8781765752922.html https://preview.pro.ant.design/dashboard/workplace...

0
0
发表了博客
2018/09/13 00:30

ant design 配置

$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project $ cd my-project 安装依赖前要配置 set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1 (忽略下载) $ npm install 安装依赖 $ npm start

0
0
发表于大前端专区
2018/11/16 19:38

Ant Design of React

Ant Design : https://ant.design/ 使用npm 安装: $ npm install antd --save

0
0
发表了博客
2011/07/12 08:52

ant

使用 ANT 开发 Java 程序 常听大家讨论哪个 Java 开发工具比较好,JBuilder,Virtual Cafe ? 今天介绍一个简单易用的 Java 开发,编译,集成,测试工具:Jakarta Ant 他被称为 java 环境里的 make (make 在 C 程序开发里人人皆知) Java 程序编辑器爱用啥用啥,我喜欢用 UltraEdit。 以 HelloWorld 为例介绍他的使用。 此示例可在此下载: ftp://cinc.dns2go.com/pub/doc/code/ant/HelloWorld.zip .下载 ant :(最新版 1.5) ht...

0
1
发表了博客
2013/04/04 12:15

ant

1 Ant是什么? Apache Ant 是一个基于 Java的生成工具。 生成工具在软件开发中用来将源代码和其他输入文件转换为可执行文件的形式(也有可能转换为可安装的产品映像形式)。随着应用程序的生成过程变得更加复杂,确保在每次生成期间都使用精确相同的生成步骤,同时实现尽可能多的自动化,以便及时产生一致的生成版本 Ant工具的作用: 1、可以用ant编译java类,生成class文件 2、ant可以自定义标签、配置文件 3、ant可以把相关层...

0
1
发表了博客
2019/09/30 11:18

Ant Design(ui框架)

官方文档:https://ant.design/docs/react/introduce-cn 说明:Ant Design 是一个 ui框架,和 bootstrap 一样是ui框架。里面的组件很完善,开发中后台系统非常方便。分别基于react、vue、angular框架,各自开发了一套 Ant Design 的UI框架。(这里主要讲react框架的 Ant Design) 一、通用组件   1、Button 按钮   2、Icon 图标   3、Typography 排版: 这个是文案的排版 二、布局   1、Grid 栅格:24 栅格系统,和 bo...

0
0
发表了博客
2018/02/26 09:10

Ant -----ant标签和自定义任务

随便记一下 Ant的用法吧。ant ,maven, gradle ,三个打包工具到齐了,Ant 常见标签解析,ant 自定义task 。 <?xml version="1.0" encoding="UTF-8"?> <project name="pase2" default="allElements"> <property environment="env" /> <!-- ===================================================================== --> <!-- Run a given ${target} on all elements being built --> <!-- Add on <ant> task for each top level e...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2020/05/15 14:49

antdv modal使用自定义footer后,点击x不能关闭了, 何解?

antdv modal使用自定义footer后,点击x不能关闭了。 自定义的footer如下: 何解?

2
0
发表于大前端专区
2019/03/05 10:59

ant-design 的 @connect的作用是什么?

2
0
发表于大前端专区
2018/11/30 10:41

其他程序来源的表格、流程等自动生成noForm表单

@刘学炜 你好,想跟你提几个小建议: 一、能把其他程序来源的表格、流程等自动生成noForm表单。 比较常见的有Office文件,例如用Visio画的流程图,用Excel、PPT或Word做的表格、SmartArt图形或形状。其中有流程,有表单。Office 2003及以前版比较麻烦,格式不一致。Office2007及以后的都是xml,相对读取比较容易。泛微OA的开发工具有类似功能,他们能做到在Word上复制一个表格,粘贴到开发工具上,可以生成表单。 类似的软件还有...

1
0
2018/05/04 14:28

如何修改穿梭框为单选模式,且选了一条后不允许选第二条

如何修改穿梭框为单选模式,且选了一条后不允许选第二条,下为代码 import { Transfer } from 'antd'; class App extends React.Component { state = { mockData: [], targetKeys: [], } componentDidMount() { this.getMock(); } getMock = () => { const targetKeys = []; const mockData = []; for (let i = 0; i < 20; i++) { const data = { key: i.toString(), title: `content${i + 1}`, description: `description of c...

2
0
2018/03/02 01:06

JFinal可以结合ant design+react做系统吗?

@JFinal ,最近在做一个新项目得框架选型,后端定了用jfinal,前端有人给建议说用ant design做。我搜了百度,觉得ant design是结合react做前、后端的玩意儿,应该是结合nodeJS的。这样的话,还能用JFinal来做吗?对ant design也不熟悉,只是大致百度了一下,网上基本上都是用nodeJS来实现的。挺急,请波总或则其他知道的朋友给个建议! 谢谢!

8
0
发表了问答
2017/02/03 09:42

ant design样式不展现

.babelrc文件的配置是: { "plugins": ["transform-decorators-legacy", "transform-object-assign", ["import", { "libraryName": "antd", "style": true}]], "presets": ["es2015", "stage-0", "react"] } 安装了依赖: "babel-plugin-import": "^1.1.0", 但是样式却不显示...

1
0
发表了问答
2016/07/10 09:05

react ant design 控制台 Unknown props 警告如何去除

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
27 评论
1.4K 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部