Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Ant Design

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

Changelog · Report Bug · Request Feature · English · 中文

❤️ Sponsors and Backers

✨ 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	Firefox	Chrome	Safari	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{Button,DatePicker}from'antd';exportdefault()=>(<><Buttontype="primary">PRESS ME</Button><DatePickerplaceholder="select date"/></>);

🔗 Links

⌨️ Development

Use opensumi.run, a free online pure front-end dev environment.

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

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey! :)

For collaborators, adhere to our Pull Request Principle and utilize our Pull Request Template when creating a Pull Request.

Issue funding

We use Polar.sh and Issuehunt to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

Name		Name	Last commit message	Last commit date
.dumi		.dumi
.github		.github
.husky		.husky
alias		alias
components		components
docs		docs
scripts		scripts
tests		tests
typings		typings
.antd-tools.config.js		.antd-tools.config.js
.depslintrc.js		.depslintrc.js
.dockerignore		.dockerignore
.dumirc.ts		.dumirc.ts
.editorconfig		.editorconfig
.gitignore		.gitignore
.gitpod.yml		.gitpod.yml
.jest.image.js		.jest.image.js
.jest.js		.jest.js
.jest.node.js		.jest.node.js
.jest.site.js		.jest.site.js
.lintstagedrc.json		.lintstagedrc.json
.ncurc.js		.ncurc.js
.npmignore		.npmignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.remarkrc.js		.remarkrc.js
.surgeignore		.surgeignore
BUG_VERSIONS.json		BUG_VERSIONS.json
CHANGELOG.en-US.md		CHANGELOG.en-US.md
CHANGELOG.zh-CN.md		CHANGELOG.zh-CN.md
CNAME		CNAME
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README-zh_CN.md		README-zh_CN.md
README.md		README.md
SECURITY.md		SECURITY.md
biome.json		biome.json
codecov.yml		codecov.yml
contributors.json		contributors.json
eslint.config.mjs		eslint.config.mjs
index-style-only.js		index-style-only.js
index-with-locales.js		index-with-locales.js
index.js		index.js
jest-puppeteer.config.js		jest-puppeteer.config.js
mako.config.json		mako.config.json
package.json		package.json
renovate.json		renovate.json
tsconfig-old-react.json		tsconfig-old-react.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

Name		Name	Last commit message	Last commit date
.dumi		.dumi
.github		.github
.husky		.husky
alias		alias
components		components
docs		docs
scripts		scripts
tests		tests
typings		typings
.antd-tools.config.js		.antd-tools.config.js
.depslintrc.js		.depslintrc.js
.dockerignore		.dockerignore
.dumirc.ts		.dumirc.ts
.editorconfig		.editorconfig
.gitignore		.gitignore
.gitpod.yml		.gitpod.yml
.jest.image.js		.jest.image.js
.jest.js		.jest.js
.jest.node.js		.jest.node.js
.jest.site.js		.jest.site.js
.lintstagedrc.json		.lintstagedrc.json
.ncurc.js		.ncurc.js
.npmignore		.npmignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.remarkrc.js		.remarkrc.js
.surgeignore		.surgeignore
BUG_VERSIONS.json		BUG_VERSIONS.json
CHANGELOG.en-US.md		CHANGELOG.en-US.md
CHANGELOG.zh-CN.md		CHANGELOG.zh-CN.md
CNAME		CNAME
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README-zh_CN.md		README-zh_CN.md
README.md		README.md
SECURITY.md		SECURITY.md
biome.json		biome.json
codecov.yml		codecov.yml
contributors.json		contributors.json
eslint.config.mjs		eslint.config.mjs
index-style-only.js		index-style-only.js
index-with-locales.js		index-with-locales.js
index.js		index.js
jest-puppeteer.config.js		jest-puppeteer.config.js
mako.config.json		mako.config.json
package.json		package.json
renovate.json		renovate.json
tsconfig-old-react.json		tsconfig-old-react.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

Name		Name	Last commit message	Last commit date
.dumi		.dumi
.github		.github
.husky		.husky
alias		alias
components		components
docs		docs
scripts		scripts
tests		tests
typings		typings
.antd-tools.config.js		.antd-tools.config.js
.depslintrc.js		.depslintrc.js
.dockerignore		.dockerignore
.dumirc.ts		.dumirc.ts
.editorconfig		.editorconfig
.gitignore		.gitignore
.gitpod.yml		.gitpod.yml
.jest.image.js		.jest.image.js
.jest.js		.jest.js
.jest.node.js		.jest.node.js
.jest.site.js		.jest.site.js
.lintstagedrc.json		.lintstagedrc.json
.ncurc.js		.ncurc.js
.npmignore		.npmignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.remarkrc.js		.remarkrc.js
.surgeignore		.surgeignore
BUG_VERSIONS.json		BUG_VERSIONS.json
CHANGELOG.en-US.md		CHANGELOG.en-US.md
CHANGELOG.zh-CN.md		CHANGELOG.zh-CN.md
CNAME		CNAME
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README-zh_CN.md		README-zh_CN.md
README.md		README.md
SECURITY.md		SECURITY.md
biome.json		biome.json
codecov.yml		codecov.yml
contributors.json		contributors.json
eslint.config.mjs		eslint.config.mjs
index-style-only.js		index-style-only.js
index-with-locales.js		index-with-locales.js
index.js		index.js
jest-puppeteer.config.js		jest-puppeteer.config.js
mako.config.json		mako.config.json
package.json		package.json
renovate.json		renovate.json
tsconfig-old-react.json		tsconfig-old-react.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

Name		Name	Last commit message	Last commit date
.dumi		.dumi
.github		.github
.husky		.husky
alias		alias
components		components
docs		docs
scripts		scripts
tests		tests
typings		typings
.antd-tools.config.js		.antd-tools.config.js
.depslintrc.js		.depslintrc.js
.dockerignore		.dockerignore
.dumirc.ts		.dumirc.ts
.editorconfig		.editorconfig
.gitignore		.gitignore
.gitpod.yml		.gitpod.yml
.jest.image.js		.jest.image.js
.jest.js		.jest.js
.jest.node.js		.jest.node.js
.jest.site.js		.jest.site.js
.lintstagedrc.json		.lintstagedrc.json
.ncurc.js		.ncurc.js
.npmignore		.npmignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.remarkrc.js		.remarkrc.js
.surgeignore		.surgeignore
BUG_VERSIONS.json		BUG_VERSIONS.json
CHANGELOG.en-US.md		CHANGELOG.en-US.md
CHANGELOG.zh-CN.md		CHANGELOG.zh-CN.md
CNAME		CNAME
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README-zh_CN.md		README-zh_CN.md
README.md		README.md
SECURITY.md		SECURITY.md
biome.json		biome.json
codecov.yml		codecov.yml
contributors.json		contributors.json
eslint.config.mjs		eslint.config.mjs
index-style-only.js		index-style-only.js
index-with-locales.js		index-with-locales.js
index.js		index.js
jest-puppeteer.config.js		jest-puppeteer.config.js
mako.config.json		mako.config.json
package.json		package.json
renovate.json		renovate.json
tsconfig-old-react.json		tsconfig-old-react.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

Name		Name	Last commit message	Last commit date
.dumi		.dumi
.github		.github
.husky		.husky
alias		alias
components		components
docs		docs
scripts		scripts
tests		tests
typings		typings
.antd-tools.config.js		.antd-tools.config.js
.depslintrc.js		.depslintrc.js
.dockerignore		.dockerignore
.dumirc.ts		.dumirc.ts
.editorconfig		.editorconfig
.gitignore		.gitignore
.gitpod.yml		.gitpod.yml
.jest.image.js		.jest.image.js
.jest.js		.jest.js
.jest.node.js		.jest.node.js
.jest.site.js		.jest.site.js
.lintstagedrc.json		.lintstagedrc.json
.ncurc.js		.ncurc.js
.npmignore		.npmignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
.remarkrc.js		.remarkrc.js
.surgeignore		.surgeignore
BUG_VERSIONS.json		BUG_VERSIONS.json
CHANGELOG.en-US.md		CHANGELOG.en-US.md
CHANGELOG.zh-CN.md		CHANGELOG.zh-CN.md
CNAME		CNAME
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README-zh_CN.md		README-zh_CN.md
README.md		README.md
SECURITY.md		SECURITY.md
biome.json		biome.json
codecov.yml		codecov.yml
contributors.json		contributors.json
eslint.config.mjs		eslint.config.mjs
index-style-only.js		index-style-only.js
index-with-locales.js		index-with-locales.js
index.js		index.js
jest-puppeteer.config.js		jest-puppeteer.config.js
mako.config.json		mako.config.json
package.json		package.json
renovate.json		renovate.json
tsconfig-old-react.json		tsconfig-old-react.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

Latest commit

History

Folders and files

Repository files navigation

Ant Design

❤️ Sponsors and Backers

✨ Features

🖥 Environment Support

📦 Install

🔨 Usage

🔗 Links

⌨️ Development

🤝 Contributing

Issue funding

About

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Latest commit

History

Folders and files

Repository files navigation

Ant Design

❤️ Sponsors and Backers

✨ Features

🖥 Environment Support

📦 Install

🔨 Usage

🔗 Links

⌨️ Development

🤝 Contributing

Issue funding

About

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Latest commit

History

Folders and files

Repository files navigation

Ant Design

❤️ Sponsors and Backers

✨ Features

🖥 Environment Support

📦 Install

🔨 Usage

🔗 Links

⌨️ Development

🤝 Contributing

Issue funding

About

Resources

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Latest commit

History