# antd

> An enterprise-class UI design language and React components implementation

Latest version **6.6.4** (published 2026-09-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install antd
pnpm add antd
yarn add antd
bun add antd
```

## Health

**Score 80/100 (A)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score; popular repo; extremely popular.

Warnings: low downloads; large bundle.

## Facts

| | |
|---|---|
| Version | 6.6.4 |
| Published | 2026-09-14 |
| First published | 2015-06-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 48 |
| Unpacked size | 46.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 99545 |
| Maintainers | afc163, peachscript, zombiej, chenshuai2144, xrkffgg, madccc, zoomdong07 |
| Keywords | ant, component, components, design, framework, frontend, react, react-component, ui |

## Links

- npm: https://www.npmjs.com/package/antd
- Repository: https://github.com/ant-design/ant-design
- Homepage: https://ant.design
- Issues: https://github.com/ant-design/ant-design/issues
- Funding: https://opencollective.com/ant-design
- npm.io page: https://npm.io/package/antd

## Dependencies (48)

- [clsx](https://npm.io/package/clsx.md) ^2.1.1
- [dayjs](https://npm.io/package/dayjs.md) ^1.11.11
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.29.2
- [@ant-design/icons](https://npm.io/package/@ant-design/icons.md) ^6.3.4
- [throttle-debounce](https://npm.io/package/throttle-debounce.md) ^5.0.2
- [@ant-design/colors](https://npm.io/package/@ant-design/colors.md) ^8.0.1
- [@rc-component/form](https://npm.io/package/@rc-component/form.md) ~1.8.6
- [@rc-component/menu](https://npm.io/package/@rc-component/menu.md) ~1.5.0
- [@rc-component/rate](https://npm.io/package/@rc-component/rate.md) ~1.0.1
- [@rc-component/tabs](https://npm.io/package/@rc-component/tabs.md) ~1.13.0
- [@rc-component/tour](https://npm.io/package/@rc-component/tour.md) ~2.4.0
- [@rc-component/tree](https://npm.io/package/@rc-component/tree.md) ~1.4.0
- [@rc-component/util](https://npm.io/package/@rc-component/util.md) ^1.13.0
- [@ant-design/cssinjs](https://npm.io/package/@ant-design/cssinjs.md) ^2.1.2
- [@rc-component/image](https://npm.io/package/@rc-component/image.md) ~1.10.0
- [@rc-component/input](https://npm.io/package/@rc-component/input.md) ~1.3.1
- [@rc-component/listy](https://npm.io/package/@rc-component/listy.md) ~1.2.3
- [@rc-component/steps](https://npm.io/package/@rc-component/steps.md) ~1.2.3
- [@rc-component/table](https://npm.io/package/@rc-component/table.md) ~1.11.1
- [@rc-component/dialog](https://npm.io/package/@rc-component/dialog.md) ~1.10.0
- [@rc-component/drawer](https://npm.io/package/@rc-component/drawer.md) ~1.4.2
- [@rc-component/motion](https://npm.io/package/@rc-component/motion.md) ^1.3.3
- [@rc-component/picker](https://npm.io/package/@rc-component/picker.md) ~1.12.2
- [@rc-component/qrcode](https://npm.io/package/@rc-component/qrcode.md) ~2.0.0
- [@rc-component/select](https://npm.io/package/@rc-component/select.md) ~1.10.1
- [@rc-component/slider](https://npm.io/package/@rc-component/slider.md) ~1.1.1
- [@rc-component/switch](https://npm.io/package/@rc-component/switch.md) ~1.0.3
- [@rc-component/upload](https://npm.io/package/@rc-component/upload.md) ~1.1.1
- [@rc-component/tooltip](https://npm.io/package/@rc-component/tooltip.md) ~1.5.2
- [@rc-component/trigger](https://npm.io/package/@rc-component/trigger.md) ^3.10.1
- [@ant-design/fast-color](https://npm.io/package/@ant-design/fast-color.md) ^3.0.1
- [@rc-component/cascader](https://npm.io/package/@rc-component/cascader.md) ~1.22.0
- [@rc-component/checkbox](https://npm.io/package/@rc-component/checkbox.md) ~2.0.0
- [@rc-component/collapse](https://npm.io/package/@rc-component/collapse.md) ~1.2.0
- [@rc-component/dropdown](https://npm.io/package/@rc-component/dropdown.md) ~1.0.3
- [@rc-component/mentions](https://npm.io/package/@rc-component/mentions.md) ~1.12.0
- [@rc-component/progress](https://npm.io/package/@rc-component/progress.md) ~1.0.3
- [@ant-design/react-slick](https://npm.io/package/@ant-design/react-slick.md) ~2.0.0
- [@rc-component/segmented](https://npm.io/package/@rc-component/segmented.md) ~1.4.0
- [@rc-component/pagination](https://npm.io/package/@rc-component/pagination.md) ~1.4.0
- [@ant-design/cssinjs-utils](https://npm.io/package/@ant-design/cssinjs-utils.md) ^2.1.2
- [@rc-component/tree-select](https://npm.io/package/@rc-component/tree-select.md) ~1.16.1
- [@rc-component/color-picker](https://npm.io/package/@rc-component/color-picker.md) ~3.1.1
- [@rc-component/input-number](https://npm.io/package/@rc-component/input-number.md) ~1.6.2
- [@rc-component/notification](https://npm.io/package/@rc-component/notification.md) ~2.0.8
- [scroll-into-view-if-needed](https://npm.io/package/scroll-into-view-if-needed.md) ^3.1.0
- [@rc-component/mutate-observer](https://npm.io/package/@rc-component/mutate-observer.md) ^2.0.1
- [@rc-component/resize-observer](https://npm.io/package/@rc-component/resize-observer.md) ^1.1.2

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 6.6.4 (latest) — 2026-09-14
- 6.6.2 (conch-v6) — 2026-08-28
- 5.30.0-guidelines-alpha.1 (guidelines) — 2026-01-27
- 5.29.3 (latest-5) — 2025-12-18
- 5.29.1 (conch-v5) — 2025-11-18
- 4.24.16 (conch) — 2024-03-19
- 5.11.3-alpha.0 (next) — 2023-11-22
- 5.0.0-experimental.30 (experimental) — 2022-09-29
- 3.26.20 (previous) — 2020-10-27
- 2.13.14 (latest-2) — 2018-04-28
- 6.6.3 — 2026-09-07
- 6.6.1 — 2026-08-17
- 6.6.0 — 2026-08-10
- 6.5.4 — 2026-08-07
- 6.5.3 — 2026-07-31
- … 927 more at https://npm.io/package/antd/versions

## README

<div align="center"><a name="readme-top"></a>

<img height="180" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg">

<h1>Ant Design</h1>

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] [![][bundlephobia-image]][bundlephobia-url] [![][jsdelivr-image]][jsdelivr-url]

[![Follow Twitter][twitter-image]][twitter-url] [![dumi][dumi-image]][dumi-url] [![FOSSA Status][fossa-image]][fossa-url] [![Issues need help][help-wanted-image]][help-wanted-url] [![LFX Active Contributors][lfx-image]][lfx-url]

[Changelog](./CHANGELOG.en-US.md) · [Report Bug][github-issues-url] · [Request Feature][github-issues-url] · English · [中文](./README-zh_CN.md)

## ❤️ Sponsors [![](https://opencollective.com/ant-design/tiers/sponsors/badge.svg?label=Sponsors&color=brightgreen)](https://opencollective.com/ant-design/contribute/sponsors-218)

| <a href="https://youmind.com?utm_source=ant-design"><img src="https://mdn.alipayobjects.com/huamei_vmgq1x/afts/img/A*SXcuQYBZ6oQAAAAAQJAAAAgAeh6VAQ/original" width="80" alt="YouMind"></a> | <a href="https://tractian.com?utm_source=ant-design"><img src="https://mdn.alipayobjects.com/huamei_vmgq1x/afts/img/A*Z4-4Q67SG5UAAAAAQLAAAAgAeh6VAQ/original" width="80" alt="TRACTIAN"></a> | <a href="https://lobehub.com?utm_source=ant-design"><img src="https://unpkg.com/@lobehub/icons-static-svg@1.79.0/icons/lobehub-color.svg" width="80" alt="LobeHub"></a> | <a href="https://coderabbit.ai?utm_source=ant-design"><img src="https://mdn.alipayobjects.com/huamei_vmgq1x/afts/img/A*yHnhRL4x1DEAAAAAQBAAAAgAeh6VAQ/original" width="80" alt="CodeRabbit"></a> |
| :-: | :-: | :-: | :-: |

[npm-image]: https://img.shields.io/npm/v/antd.svg?style=flat-square
[npm-url]: https://www.npmjs.com/package/antd
[github-action-image]: https://github.com/ant-design/ant-design/actions/workflows/test.yml/badge.svg
[github-action-url]: https://github.com/ant-design/ant-design/actions/workflows/test.yml
[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://www.npmjs.com/package/antd
[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://img.shields.io/github/issues/ant-design/ant-design/help%20wanted?color=green&style=flat-square
[help-wanted-url]: https://github.com/ant-design/ant-design/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22
[twitter-image]: https://img.shields.io/twitter/follow/AntDesignUI.svg?label=Ant%20Design
[twitter-url]: https://x.com/AntDesignUI
[jsdelivr-image]: https://data.jsdelivr.com/v1/package/npm/antd/badge
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/antd
[bundlephobia-image]: https://img.shields.io/bundlephobia/minzip/antd?style=flat-square
[bundlephobia-url]: https://bundlephobia.com/package/antd
[dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square
[dumi-url]: https://github.com/umijs/dumi
[github-issues-url]: https://new-issue.ant.design
[lfx-image]: https://insights.linuxfoundation.org/api/badge/active-contributors?project=ant-design-ant-design&repos=https://github.com/ant-design/ant-design
[lfx-url]: https://insights.linuxfoundation.org/project/ant-design-ant-design/repository/ant-design-ant-design

</div>

[![](https://user-images.githubusercontent.com/507615/209472919-6f7e8561-be8c-4b0b-9976-eb3c692aa20a.png)](https://ant.design)

## ✨ 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](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" />](https://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" />](https://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" />](https://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" />](https://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" />](https://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
```

```bash
pnpm add antd
```

```bash
bun add antd
```

## 🔨 Usage

```tsx
import { Button, DatePicker } from 'antd';

export default () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker placeholder="select date" />
  </>
);
```

## 🔗 Links

- [Home page](https://ant.design/)
- [Components Overview](https://ant.design/components/overview)
- [Sponsor](https://ant.design/docs/react/sponsor)
- [Change Log](CHANGELOG.en-US.md)
- [rc-components](https://react-component.github.io/)
- [🆕 Ant Design X](https://x.ant.design/index-cn)
- [Ant Design Pro](https://pro.ant.design/)
- [Pro Components](https://procomponents.ant.design)
- [Ant Design Mobile](https://mobile.ant.design)
- [Ant Design Mini](https://mini.ant.design)
- [Ant Design Charts](https://charts.ant.design)
- [Ant Design Web3](https://web3.ant.design)
- [Landing Pages](https://landing.ant.design)
- [Ant Motion](https://motion.ant.design)
- [Scaffold Market](https://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)
- [Online Playground](https://u.ant.design/reproduce) 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 [opensumi.run](https://opensumi.run), a free online pure front-end dev environment.

[![opensumi.run](https://custom-icon-badges.demolab.com/badge/opensumi-run-blue.svg?logo=opensumi)](https://opensumi.run/ide/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)](https://makeapullrequest.com)

<table>
<tr>
  <td>
    <a href="https://next.ossinsight.io/widgets/official/compose-recent-top-contributors?repo_id=34526884" target="_blank" style="display: block" align="center">
      <picture>
        <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-recent-top-contributors/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=dark" width="280">
        <img alt="Top Contributors of ant-design/ant-design - Last 28 days" src="https://next.ossinsight.io/widgets/official/compose-recent-top-contributors/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=light" width="280">
      </picture>
    </a>
  </td>
  <td rowspan="2">
    <a href="https://next.ossinsight.io/widgets/official/compose-last-28-days-stats?repo_id=34526884" target="_blank" style="display: block" align="center">
      <picture>
        <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-last-28-days-stats/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=dark" width="655" height="auto">
        <img alt="Performance Stats of ant-design/ant-design - Last 28 days" src="https://next.ossinsight.io/widgets/official/compose-last-28-days-stats/thumbnail.png?repo_id=34526884&image_size=auto&color_scheme=light" width="655" height="auto">
      </picture>
    </a>
  </td>
</tr>
<tr>
  <td>
    <a href="https://next.ossinsight.io/widgets/official/compose-org-active-contributors?period=past_28_days&activity=new&owner_id=12101536&repo_ids=34526884" target="_blank" style="display: block" align="center">
      <picture>
        <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?period=past_28_days&activity=new&owner_id=12101536&repo_ids=34526884&image_size=2x3&color_scheme=dark" width="273" height="auto">
        <img alt="New participants of ant-design - past 28 days" src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?period=past_28_days&activity=new&owner_id=12101536&repo_ids=34526884&image_size=2x3&color_scheme=light" width="273" height="auto">
      </picture>
    </a>
  </td>
</tr>
</table>

<a href="https://openomy.app/github/ant-design/ant-design" target="_blank" style="display: block; width: 100%;" align="center">
  <img src="https://openomy.app/svg?repo=ant-design/ant-design&chart=bubble&latestMonth=3" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
</a>

Let's build a better antd together.

We warmly invite contributions from everyone. Before you get started, please take a moment to review our [Contribution Guide](https://ant.design/docs/react/contributing). Feel free to share your ideas through [Pull Requests](https://github.com/ant-design/ant-design/pulls) or [GitHub Issues](https://github.com/ant-design/ant-design/issues). If you're interested in enhancing our codebase, explore the [Development Instructions](https://github.com/ant-design/ant-design/wiki/Development) and enjoy your coding journey! :)

For collaborators, adhere to our [Pull Request Principle](https://github.com/ant-design/ant-design/wiki/PR-principle) and utilize our [Pull Request Template](https://github.com/ant-design/ant-design/wiki/PR-principle#pull-request-template) when creating a Pull Request.

## Issue funding

We use [Issuehunt](https://issuehunt.io/repos/3452688) to up-vote and promote specific features that you would like to see and implement. Check our backlog and help us:

[![Let's fund issues in this repository](https://raw.githubusercontent.com/BoostIO/issuehunt-materials/master/v1/issuehunt-button-v1.svg)](https://issuehunt.io/repos/34526884)

## ❤️ Backers [![](https://opencollective.com/ant-design/tiers/backers/badge.svg?label=Backers&color=brightgreen)](https://opencollective.com/ant-design#support)

[![](https://opencollective.com/ant-design/tiers/backers.svg?avatarHeight=72)](https://opencollective.com/ant-design/contribute/backers-217/checkout)

---
_Source: https://npm.io/package/antd · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._