An enterprise-class UI design language and React UI library
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
Go to file
github-actions[bot] 2eba0e0071
chore: auto merge branches (#46115)
chore: merge master into feature
1 year ago
.circleci chore: migrate to webpack@5 (#45926) 1 year ago
.codesandbox chore: fix codesandbox ci (#45698) 1 year ago
.dumi Merge branch master into master-merge-feature 1 year ago
.github chore: add ci to test antd.min.js (#46108) 1 year ago
.husky chore: remove redundant .gitignore file (#42336) 2 years ago
alias chore: umd version will try to reuse global `@ant-design/cssinjs` first (#46009) 1 year ago
components Merge branch master into master-merge-feature 1 year ago
docs chore: merge master into feature 1 year ago
scripts Merge branch master into master-merge-feature 1 year ago
tests Merge branch master into master-merge-feature 1 year ago
typings Revert "chore: migrate to vitest (#42506)" (#42900) 2 years ago
.antd-tools.config.js 📚 docs: add token meta info to token system model (#39101) 2 years ago
.depslintrc.js refactor(list): rewrite with hook (#23542) 5 years ago
.dockerignore test: use azure deploy ui test report site (#24327) 5 years ago
.dumirc.ts docs: live demo (#45383) 1 year ago
.editorconfig 🎨 Add emoji in commit message 6 years ago
.eslintignore Revert "chore: migrate to vitest (#42506)" (#42900) 2 years ago
.eslintrc.js chore: add lodash eslint (#45627) 1 year ago
.gitignore ci: use puppeteer image in gh actions (#46100) 1 year ago
.gitpod.yml Added Gitpod support (#14307) 6 years ago
.jest.image.js Revert "chore: migrate to vitest (#42506)" (#42900) 2 years ago
.jest.js chore: add ci to test antd.min.js (#46108) 1 year ago
.jest.node.js Revert "chore: migrate to vitest (#42506)" (#42900) 2 years ago
.jest.site.js Revert "chore: migrate to vitest (#42506)" (#42900) 2 years ago
.ncurc.js ci: timed check for dependency updates (#45593) 1 year ago
.npmignore chore: 📦 Optimize npm package size (#23698) 5 years ago
.npmrc chore: update pupperteer and sharp npmmirror (#44727) 1 year ago
.prettierignore chore: remove useless scripts (#38622) 2 years ago
.prettierrc style: remove importOrderSeparation from prettier config (#44336) 1 year ago
.remarkrc.js chore(deps): update dependency remark-cli to v12 (#45039) 1 year ago
.stylelintrc.js chore: stylelint plugin upgrade (#40883) 2 years ago
.surgeignore docs: v5 site upgrade (#38328) 2 years ago
CHANGELOG.en-US.md docs: 5.11.5 (#46104) 1 year ago
CHANGELOG.zh-CN.md docs: 5.11.5 (#46104) 1 year ago
CNAME chore: update CNAME 2 years ago
CODE_OF_CONDUCT.md chore: add remark lint (#23457) 5 years ago
LICENSE 🌱 Upgrade LICENSE 6 years ago
README-zh_CN.md chore: update README (#45707) 1 year ago
README.md chore: update README (#45707) 1 year ago
SECURITY.md chore: add prettier ignore and format demo (#27270) 4 years ago
argos-white-listed-users chore: Trigger Argos with white-listed users (#45115) 1 year ago
biome.json chore: migrate rome to biome (#44522) 1 year ago
contributors.json chore: update contributors list (#45971) 1 year ago
index-style-only.js chore: remo format and remove prettierrc arrowParens (#38722) 2 years ago
index-with-locales.js chore: Remove locale-provider (#41289) 2 years ago
index.js Add `variable.less` to support css variable (#31496) 3 years ago
jest-puppeteer.config.js Revert "chore: migrate to vitest (#42506)" (#42900) 2 years ago
package.json Merge branch master into master-merge-feature 1 year ago
renovate.json chore: Configure Renovate (#32494) 3 years ago
tsconfig.json feat: bump antd-tools (#45101) 1 year ago
webpack.config.js chore: migrate to webpack@5 (#45926) 1 year ago

README.md

Ant Design

An enterprise-class UI design language and React UI library.

CI status codecov NPM version NPM downloads

FOSSA Status Covered by Argos Visual Testing

Follow Twitter Renovate status dumi Issues need help

English | 中文

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 based on CSS-in-JS.

🖥 Environment Support

  • Modern browsers
  • Server-side Rendering
  • Electron
Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 Install

npm install antd
yarn add antd
pnpm add antd

🔨 Usage

import React from 'react';
import { Button, DatePicker } from 'antd';

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

export default App;

TypeScript

antd is written in TypeScript with complete definitions, check Usage with create-react-app to get started.

🌍 Internationalization

Dozens of languages are supported in antd, see i18n.

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

Or clone locally:

$ 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.

🤝 Contributing PRs Welcome

Let's build a better antd together.

We welcome all contributions. Please read our Contributing Guide first. You can submit any ideas as Pull Requests or as GitHub Issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)

If you are a collaborator, please follow our Pull Request Principle to create a Pull Request with our Pull Request Template.

Let's fund issues in this repository

❤️ Sponsors and Backers