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 指数为
超过 的项目

评论 (26)

加载中
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
回复
举报
后端实现,比如打印,就给后端发请求,后端处理完毕后返回文件流
2018/04/24 08:05
回复
举报
更多评论
发表了资讯
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 仓库被删表...

40
1
02/12 06:06

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

Ant Design 4.12.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 使用 React hooks 重构 Drawer。#29229 修复 Table 的 pagination. position 为 ['none', 'none']时分页器仍然展示的问题。#29256 修复 TextArea showCount 字...

2
2
02/04 07:28

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

Ant Design 4.12.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: Image.PreviewGroup 添加 current 属性支持受控模式。#29153 InputNumber InputNumber 支持 bordered 属性。#29105 InputNumber 添加 keyboard 属性以支持禁用...

0
1
01/25 07:12

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

Ant Design 4.11.1 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: Layout 内联子表单添加背景颜色以更好的区分层级。#28842 PageHeader 支持 breadcrumbRender 属性。#28999 Typography ellipsis 属性添加 tooltip 支持以自定义...

1
0
01/20 07:02

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

Ant Design 4.10.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复按钮在 loading 加载时 @btn-border-width 失效问题。#28886 @jjanssen Table 修复 Table 自定义过滤器时 onChange 参数 filters 被错误转换及为空数组的问...

0
2
发表于大前端专区
01/11 07:06

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

Ant Design 4.10.1 发布了。 Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 本次更新内容包括: 优化 Select 搜索性能。#28715 @kerm1it 修复 Slider 在卸载时报 forcePopupAlign 错的问题。#28699 @Kerumen 修复 Transfer dataSource 为 immutable 数据时报...

0
0
01/05 07:43

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

Ant Design 4.10.0 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复不兼容 less 4.0.0 的问题。 修复 Typography 可编辑态光标跳动的问题。#28545 修复 Tree 动态加载数据时重复点击展开节点会导致状态错误的问题。#28349 ...

2
2
发表于大前端专区
2020/12/17 11:08

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

Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 ant-design 4.9.4 已经发布了,本次更新内容包括: 修复 Menu 在 Chrome 下 hover 色延迟变化的问题。#28372 修复 Tree 的节点连接线在滚动时位置偏移的问题。#28354 修复 Table 固定列 z-index 样式让 Dropdo...

3
2
2020/12/16 08:25

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

Ant Design 4.9.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Badge 独立使用时展示/收起动画跳动的问题。#28240 修复 Table filters 不支持数字和 boolean 类型的问题。#28220 修复 Tree 当 selectable={false} 时节点...

2
2
2020/11/30 08:20

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

Ant Design 4.8.6 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Badge 在初始化时样式抖动的问题。#28003 优化 Modal 相关样式的冗余。#27998 修复 Layout.Sider 在 width='0' 时不能展开的问题。#28000 修复 Menu 使用非...

5
1
2020/11/24 08:20

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

Ant Design 4.8.5 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Spin 组件不能渲染 0 的问题。#27839 修复 RangePicker 面板的交互样式。#27894 修复 Switch loading 的样式问题。#27860 优化 Skeleton 默认色彩使其能放...

2
1
2020/11/18 08:16

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

Ant Design 4.8.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。 此版本更新内容如下: 修复 Form 在 namePath 为数组的时候表现异常的问题。#27664 修复 DateRangePicker 选择已选范围内一行的首尾日期时的悬浮样式位置异常问题。#27731 修复 Sele...

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
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
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
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/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/21 15:44

ant design webpack配置,不能添加样式

在使用ant design时 我在webpack config.js里是这样写的 babel: { presets: ['es2015', 'stage-0', 'react'], plugins: ['transform-runtime',['antd', { 'style': "css"}]] }, 但是加载出来的组件却没有样式 请问应该如何配置让添加的组件正确找到相应的样式文件

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

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

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