企业级 UI 设计语言和 React 实现 Ant Design

企业级 UI 设计语言和 React 实现 Ant Design

MIT
跨平台
阿里巴巴
2015-07-27
叶秀兰

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

:sparkles: 特性

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

:desktop_computer: 支持环境

  • 现代浏览器和 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

:package: 安装

npm install antd --save
yarn add antd

:hammer: 示例

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

:shield: TypeScript

参考 在 TypeScript 中使用。

:earth_africa: 国际化

参考 国际化文档

:link: 链接

:keyboard:️ 本地开发

你可以使用 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 ,更多本地开发文档

:handshake: 参与共建 PRs Welcome

请参考贡献指南.

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

Let's fund issues in this repository

加载中

评论(26)

w
wanghai888
_cxd
_cxd
cool [4]
舌尖跳舞
舌尖跳舞
不敢用了
沙发迪
沙发迪

引用来自“Bingdor”的评论

还有彩蛋不:smile:
打死都不会再弄彩蛋了,哈哈哈哈
Bingdor
Bingdor
还有彩蛋不:smile:
那年20
那年20
前端技术各种炫酷啊
c
crystalsis
这是一款号称企业级的娱乐性质的UI,当作者写下代码的时候,只有他的救世主和他知道写了什么,现在这玩意儿只有他的救世主知道里面写了什么。
鉴客
鉴客
#Ant Design# 事件,据说玉伯很生气,整个部门的绩效 3.25 分!
i6u
i6u
可以试试,很棒
我一直很淡定
我一直很淡定
很好用 就是日期控件不习惯

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

Ant Design 4.8.6 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

今天 08:20

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

Ant Design 4.8.5 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

11/24 08:20

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

Ant Design 4.8.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

11/18 08:16

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

Ant Design 4.8.1 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

11/10 10:02

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

Ant Design 4.6.6 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

09/28 07:38

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

Ant Design 4.6.5 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

09/21 07:17

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

Ant Design 4.6.4 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

09/14 07:19

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

Ant Design 4.6.3 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

09/08 07:21

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

Ant Design 4.6.2 发布了。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即...

09/01 07:16

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

Ant Design 4.6.0 现已发布。Ant Design 是一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱...

08/24 07:46

没有更多内容

加载失败,请刷新页面

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

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

05/15 14:49
1
回答
其他程序来源的表格、流程等自动生成noForm表单

@刘学炜 你好,想跟你提几个小建议: 一、能把其他程序来源的表格、流程等自动生成noForm表单。 比较常见的有Office文件,例如用Visio画的流程...

2018/11/30 10:41
1
回答
如何修改穿梭框为单选模式,且选了一条后不允许选第二条

如何修改穿梭框为单选模式,且选了一条后不允许选第二条,下为代码 import { Transfer } from 'antd'; class App ex...

2018/05/04 14:28
7
回答
JFinal可以结合ant design+react做系统吗?

@JFinal ,最近在做一个新项目得框架选型,后端定了用jfinal,前端有人给建议说用ant design做。我搜了百度,觉得ant design是结...

2018/03/02 01:06
1
回答
ant design样式不展现

.babelrc文件的配置是: { "plugins": ["transform-decorators-legacy", "transform-objec...

2017/02/03 09:42
2
回答
ant design webpack配置,不能添加样式

在使用ant design时 我在webpack config.js里是这样写的 babel: { presets: ['es2015', 'stage-...

2016/07/21 15:44

没有更多内容

加载失败,请刷新页面

没有更多内容

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://pr...

2018/09/10 17:38
516
0
Ant Design of React

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

2018/11/16 19:38
94
0
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 insta...

2018/09/13 00:30
31
0
ant

使用 ANT 开发 Java 程序 常听大家讨论哪个 Java 开发工具比较好,JBuilder,Virtual Cafe ? 今天介绍一个简单易用的 Java 开发,编译,集成,测试工具:Jakarta Ant 他被称为 java 环境里的...

2011/07/12 08:52
81
0
Ant -----ant标签和自定义任务

随便记一下 Ant的用法吧。ant ,maven, gradle ,三个打包工具到齐了,Ant 常见标签解析,ant 自定义task 。 <?xml version="1.0" encoding="UTF-8"?> <project name="pase2" default="allEle...

2018/02/26 09:10
45
0
ant

1 Ant是什么? Apache Ant 是一个基于 Java的生成工具。 生成工具在软件开发中用来将源代码和其他输入文件转换为可执行文件的形式(也有可能转换为可安装的产品映像形式)。随着应用程序的生...

2013/04/04 12:15
42
0
Ant Design(ui框架)

官方文档:https://ant.design/docs/react/introduce-cn 说明:Ant Design 是一个 ui框架,和 bootstrap 一样是ui框架。里面的组件很完善,开发中后台系统非常方便。分别基于react、vue、ang...

2019/09/30 11:18
19
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部