<p align="center">
<a href="https://ant.design">
<img width="200" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">
</a>
</p>
<h1 align="center">Ant Design</h1>
<div align="center">
An enterprise-class UI design language and React UI library.
[![CI status][github-action-image]][github-action-url]
[![codecov][codecov-image]][codecov-url]
[![NPM version][npm-image]][npm-url]
[![NPM downloads][download-image]][download-url]
[![Total alerts][lgtm-image]][lgtm-url]
[![][bundlephobia-image]][bundlephobia-url]
[![][bundlesize-js-image]][unpkg-js-url]
[![FOSSA Status][fossa-image]][fossa-url]
[![Follow Twitter][twitter-image]][twitter-url]
[![Renovate status][renovate-image]][renovate-dashboard-url]
[![][issues-helper-image]][issues-helper-url]
[![Issues need help][help-wanted-image]][help-wanted-url]
[npm-image]: http://img.shields.io/npm/v/antd.svg?style=flat-square
[npm-url]: http://npmjs.org/package/antd
[github-action-image]: https://github.com/ant-design/ant-design/workflows/%E2%9C%85%20test/badge.svg
[github-action-url]: https://github.com/ant-design/ant-design/actions?query=workflow%3A%22%E2%9C%85+test%22
[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/ant-design/master.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/ant-design/ant-design/branch/master
[download-image]: https://img.shields.io/npm/dm/antd.svg?style=flat-square
[download-url]: https://npmjs.org/package/antd
[lgtm-image]: https://flat.badgen.net/lgtm/alerts/g/ant-design/ant-design
[lgtm-url]: https://lgtm.com/projects/g/ant-design/ant-design/alerts/
[fossa-image]: https://app.fossa.io/api/projects/git%2Bgithub.com%2Fant-design%2Fant-design.svg?type=shield
[fossa-url]: https://app.fossa.io/projects/git%2Bgithub.com%2Fant-design%2Fant-design?ref=badge_shield
[help-wanted-image]: https://flat.badgen.net/github/label-issues/ant-design/ant-design/help%20wanted/open
[help-wanted-url]: https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
[twitter-image]: https://badgen.net/twitter/follow/antdesignui?style=flat-square
[twitter-url]: https://twitter.com/AntDesignUI
[bundlesize-js-image]: https://img.badgesize.io/https:/unpkg.com/antd/dist/antd.min.js?label=antd.min.js&compression=gzip&style=flat-square
[unpkg-js-url]: https://unpkg.com/browse/antd/dist/antd.min.js
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/antd?style=flat-square
[bundlephobia-url]: https://bundlephobia.com/package/antd
[issues-helper-image]: https://img.shields.io/badge/using-issues--helper-orange?style=flat-square
[issues-helper-url]: https://github.com/actions-cool/issues-helper
[renovate-image]: https://img.shields.io/badge/renovate-enabled-brightgreen.svg?style=flat-square
[renovate-dashboard-url]: https://github.com/ant-design/ant-design/issues/32498
</div>
[![](https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*Yl83RJhUE7kAAAAAAAAAAABkARQnAQ)](https://ant.design)
English | [Portugu锚s](./README-pt_BR.md) | [绠�浣撲腑鏂嘳(./README-zh_CN.md) | [校泻褉邪褩薪褋褜泻芯褞](./README-uk_UA.md) | [Spanish](./README-sp_MX.md) | [鏃ユ湰瑾瀅(./README-ja_JP.md)
## 鉁� Features
- 馃寛 Enterprise-class UI designed for web applications.
- 馃摝 A set of high-quality React components out of the box.
- 馃洝 Written in TypeScript with predictable static types.
- 鈿欙笍 Whole package of design resources and development tools.
- 馃實 Internationalization support for dozens of languages.
- 馃帹 Powerful theme customization in every detail.
## 馃枼 Environment Support
- Modern browsers
- Server-side Rendering
- [Electron](https://www.electronjs.org/)
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron |
| --- | --- | --- | --- | --- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## 馃摝 Install
```bash
npm install antd
```
```bash
yarn add antd
```
## 馃敤 Usage
```jsx
import { Button, DatePicker } from 'antd';
const App = () => (
<>
<Button type="primary">PRESS ME</Button>
<DatePicker placeholder="select date" />
</>
);
```
### TypeScript
`antd` is written in TypeScript with complete definitions, check [Use in TypeScript](https://ant.design/docs/react/use-in-typescript) to get started.
## 馃實 Internationalization
Dozens of languages supported in `antd`, see [i18n](https://ant.design/docs/react/i18n).
## 馃敆 Links
- [Home page](https://ant.design/)
- [Components Overview](https://ant.design/components/overview)
- [Ant Design Pro](http://pro.ant.design/)
- [Change Log](CHANGELOG.en-US.md)
- [rc-components](http://react-component.github.io/)
- [Mobile UI](http://mobile.ant.design)
- [Ant Design Pro Components](https://procomponents.ant.design)
- [Ant Design Charts](https://charts.ant.design)
- [Ant Design Icons](https://github.com/ant-design/ant-design-icons)
- [Ant Design Colors](https://github.com/ant-design/ant-design-colors)
- [Landing Pages](https://landing.ant.design)
- [Motion](https://motion.ant.design)
- [Scaffold Market](http://scaffold.ant.design)
- [Developer Instruction](https://github.com/ant-design/ant-design/wiki/Development)
- [Versioning Release Note](https://github.com/ant-design/ant-design/wiki/%E8%BD%AE%E5%80%BC%E8%A7%84%E5%88%99%E5%92%8C%E7%89%88%E6%9C%AC%E5%8F%91%E5%B8%83%E6%B5%81%E7%A8%8B)
- [FAQ](https://ant.design/docs/react/faq)
- [CodeSandbox Template](https://u.ant.design/codesandbox-repro) for bug reports
- [Customize Theme](https://ant.design/docs/react/customize-theme)
- [How to Apply for Being A Collaborator](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator)
## 鈱笍 Development
Use Gitpod, a free online dev environment for GitHub.
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ant-design/ant-design)
Or clone locally:
```bash
$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start
```
Open your browser and visit http://127.0.0.1:8001 , see more at [Development](https://github.com/ant-design/ant-design/wiki/Development).
## 馃 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
Read our [contributing guide](https://ant.design/docs/react/contributing) and let's build a better antd together.
We welcome all contributions. Please read our [CONTRIBUTING.md](https://github.com/ant-design/ant-design/blob/master/.github/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/ant-design/ant-design/pulls) or as [GitHub issues](https://github.com/ant-design/ant-design/issues). If you'd like to improve code, check out the [Development Instructions](https://github.com/ant-design/ant-design/wiki/Development) and have a good time! :)
If you are a collaborator, please follow our [Pull Request principle](https://github.com/ant-design/ant-design/wiki/PR-principle) to create a Pull Request with [col
没有合适的资源?快使用搜索试试~ 我知道了~
ant-design-5.0.4.zip
共2000个文件
md:954个
tsx:741个
ts:111个
需积分: 0 0 下载量 192 浏览量
2024-08-25
21:32:58
上传
评论
收藏 3.99MB ZIP 举报
温馨提示
ant-design,一套企业级 UI 设计语言和 React 组件库 提炼自企业级中后台产品的交互语言和视觉风格 开箱即用的高质量 React 组件
资源推荐
资源详情
资源评论
收起资源包目录
ant-design-5.0.4.zip (2000个子文件)
CNAME 11B
reset.css 4KB
aaa.css 0B
.editorconfig 172B
.gitignore 2B
template.html 818B
index.html 324B
css-variable-sync.js 9KB
print-changelog.js 8KB
.eslintrc.js 6KB
post-script.js 5KB
generate-token-meta.js 3KB
check-site.js 2KB
check-ts-demo.js 2KB
check-commit.js 2KB
.jest.js 2KB
collect-token-statistic.js 2KB
check-version-md.js 2KB
argos-upload.js 2KB
lib.test.js 2KB
webpack.config.js 2KB
setup.js 2KB
.antd-tools.config.js 1KB
convert-demo.js 1KB
generate-authors.js 849B
.jest.image.js 783B
.jest.node.js 753B
index-style-only.js 734B
.jest.site.js 732B
generateLegacyLocale.js 731B
tmp-mv-dumi-site.js 567B
.depslintrc.js 486B
check-demo.js 449B
rc-trigger.js 391B
jest-puppeteer.config.js 358B
Portal.js 345B
dist.test.js 335B
index-with-locales.js 291B
generate-version.js 246B
.remarkrc.js 193B
antd.js 157B
update-rc.js 155B
loading.js 152B
style.js 130B
copy-to-clipboard.js 111B
index.js 74B
rc-virtual-list.js 67B
package.json 11KB
zh-CN.json 6KB
en-US.json 6KB
example.json 1KB
.stylelintrc.json 1KB
tsconfig.json 726B
renovate.json 573B
tsconfig.json 449B
rome.json 262B
tsconfig.node.json 111B
ci.json 73B
index.jsx 17KB
index.jsx 4KB
ColorPaletteToolDark.jsx 3KB
Palette.jsx 3KB
RiddleIcon.jsx 2KB
ColorPaletteTool.jsx 2KB
ColorPalettes.jsx 2KB
CodePenIcon.jsx 2KB
ColorBlock.jsx 1KB
CodePreview.jsx 932B
ExternalLinkIcon.jsx 911B
CodeSandboxIcon.jsx 578B
ColorPatterns.jsx 441B
BrowserFrame.jsx 156B
LICENSE 1KB
index.zh-CN.md 28KB
index.en-US.md 27KB
index.zh-CN.md 20KB
index.en-US.md 19KB
CHANGELOG.zh-CN.md 16KB
CHANGELOG.en-US.md 16KB
copywriting.zh-CN.md 16KB
faq.zh-CN.md 14KB
index.en-US.md 14KB
faq.en-US.md 13KB
copywriting.en-US.md 13KB
index.zh-CN.md 13KB
icon.zh-CN.md 11KB
customize-theme.zh-CN.md 11KB
customize-theme.en-US.md 11KB
index.en-US.md 11KB
index.zh-CN.md 10KB
index.en-US.md 10KB
README-uk_UA.md 10KB
research-navigation.zh-CN.md 10KB
data-format.zh-CN.md 10KB
index.en-US.md 10KB
research-form.zh-CN.md 10KB
practical-projects.en-US.md 10KB
buttons.zh-CN.md 9KB
README-ja_JP.md 9KB
index.zh-CN.md 9KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
a3737337
- 粉丝: 0
- 资源: 2862
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 降噪源码及demo 降噪源码及demo
- 时间盒子-【7.标题菜单栏】按钮图片
- 这段代码实现了基于 Redis 的分布式锁与解锁功能,支持多锁并发控制和强制加锁机制
- memreduct,一款好用的内存管理工具
- xshell.rar,一款ssh连接工具,好用,便捷
- (简易)视频监控项目源码
- 基于python和OpenCV的人脸疲劳检测系统代码+文档说明(毕业设计&期末大作业)
- 格雷码,外差 基于c++版本相位编码与解码 GrayCoding 类 为相移+格雷码的编码与解码程序 MultiFrequen
- windows共享内存A写B读.rar
- OpenGL中实现层次化细节(LOD):技术详解与应用实践
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功