# antd-mobile

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

## Install

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

## Health

**Score 70/100 (B)** — status: active.

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

Warnings: low downloads; large bundle.

## Facts

| | |
|---|---|
| Version | 5.43.0 |
| Published | 2026-09-14 |
| First published | 2016-07-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 20 |
| Unpacked size | 15.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 12055 |
| Maintainers | afc163, zombiej, awmleer |

## Links

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

## Dependencies (20)

- [dayjs](https://npm.io/package/dayjs.md) ^1.11.7
- [tslib](https://npm.io/package/tslib.md) ^2.5.0
- [ahooks](https://npm.io/package/ahooks.md) ^3.7.6
- [runes2](https://npm.io/package/runes2.md) ^1.1.2
- [rc-util](https://npm.io/package/rc-util.md) ^5.44.4
- [react-is](https://npm.io/package/react-is.md) ^18.2.0
- [deepmerge](https://npm.io/package/deepmerge.md) ^4.3.1
- [classnames](https://npm.io/package/classnames.md) ^2.3.2
- [nano-memoize](https://npm.io/package/nano-memoize.md) ^3.0.16
- [rc-segmented](https://npm.io/package/rc-segmented.md) ~2.4.1
- [rc-field-form](https://npm.io/package/rc-field-form.md) ^1.34.2
- [@floating-ui/dom](https://npm.io/package/@floating-ui/dom.md) ^1.4.2
- [@react-spring/web](https://npm.io/package/@react-spring/web.md) ~9.6.1
- [antd-mobile-icons](https://npm.io/package/antd-mobile-icons.md) ^0.3.0
- [staged-components](https://npm.io/package/staged-components.md) ^1.1.3
- [@use-gesture/react](https://npm.io/package/@use-gesture/react.md) 10.3.0
- [react-fast-compare](https://npm.io/package/react-fast-compare.md) ^3.2.2
- [antd-mobile-v5-count](https://npm.io/package/antd-mobile-v5-count.md) ^1.0.1
- [use-sync-external-store](https://npm.io/package/use-sync-external-store.md) ^1.2.0
- [@rc-component/mini-decimal](https://npm.io/package/@rc-component/mini-decimal.md) ^1.1.0

## Recent versions

- 5.43.0 (latest) — 2026-09-14
- 5.42.4-alpha.0 (dev) — 2026-03-13
- 5.42.3 — 2026-01-09
- 5.42.2 — 2026-01-08
- 5.42.2-alpha.2 — 2025-12-24
- 5.42.2-alpha.1 — 2025-12-23
- 5.42.2-alpha.0 — 2025-12-19
- 5.42.1 — 2025-12-10
- 5.42.0 — 2025-12-08
- 5.42.0-alpha.2 — 2025-10-30
- 5.42.0-alpha.1 — 2025-10-15
- 5.42.0-alpha.0 — 2025-10-13
- 5.41.1 — 2025-09-25
- 5.41.1-alpha.1 — 2025-09-25
- 5.41.1-alpha.0 — 2025-09-25
- … 395 more at https://npm.io/package/antd-mobile/versions

## README

<div align="center">

  <img src="https://gw.alipayobjects.com/zos/bmw-prod/b2c7ff8b-eba0-4af9-9dd5-0b5b17f42c57.svg" alt="logo" width="200" height="auto" />
  <h1>Ant Design Mobile</h1>

  <p>
    Essential UI blocks for building mobile web apps. 
  </p>

[![npm (tag)](https://img.shields.io/npm/v/antd-mobile)](https://www.npmjs.com/package/antd-mobile) [![GitHub Release Date](https://img.shields.io/github/release-date/ant-design/ant-design-mobile)](https://github.com/ant-design/ant-design-mobile/releases) [![npm](https://img.shields.io/npm/dw/antd-mobile)](https://www.npmjs.com/package/antd-mobile) [![npm](https://img.shields.io/npm/dw/antd-mobile-v5-count?label=downloads%285.x%29)](https://www.npmjs.com/package/antd-mobile) [![jsdelivr](https://img.shields.io/jsdelivr/npm/hm/antd-mobile)](https://www.jsdelivr.com/package/npm/antd-mobile) [![gzip size](https://img.badgesize.io/https:/unpkg.com/antd-mobile/umd/antd-mobile.js?label=gzip%20size&compression=gzip)](https://unpkg.com/browse/antd-mobile@5/umd/antd-mobile.js) [![Commit Activity](https://img.shields.io/github/commit-activity/m/ant-design/ant-design-mobile/master)](https://github.com/ant-design/ant-design-mobile/graphs/contributors) [![Issues help wanted](https://img.shields.io/github/issues-raw/ant-design/ant-design-mobile/help%20wanted?label=help%20wanted)](https://github.com/ant-design/ant-design-mobile/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22) ![GitHub Workflow Status (branch)](https://img.shields.io/github/actions/workflow/status/ant-design/ant-design-mobile/check.yml?branch=master) [![codecov](https://img.shields.io/codecov/c/gh/ant-design/ant-design-mobile?token=2kJyJBg1nK)](https://codecov.io/gh/ant-design/ant-design-mobile) [![GitHub](https://img.shields.io/github/license/ant-design/ant-design-mobile)](https://github.com/ant-design/ant-design-mobile)

  <h4>
    <a href="https://mobile.ant.design">English Doc</a>
  <span> · </span>
    <a href="https://mobile.ant.design/zh">中文文档</a>
  <span> · </span>
    <a href="https://discord.gg/jmNvw4WFYn">Discord</a>
  <span> · </span>
    <a href="https://mdn.alipayobjects.com/huamei_pdkywj/afts/img/A*nC08QYnlP68AAAAAAAAAAAAAesHxAQ/original">钉钉</a>
  </h4>
</div>

```bash
$ npm install antd-mobile
# or
$ yarn add antd-mobile
# or
$ pnpm add antd-mobile
# or
$ bun add antd-mobile
```

- **Fast**: It is carefully optimized for harsh scenes, without configuration, you can have the best package size and ultimate performance.
- **Customizable**: Based on CSS variables, you can reliably and efficiently adjust the appearance of components or create your own themes.
- **Atomic**: The function of each component, neither more nor less, is exactly what you need.
- **Fluent**: With smooth gestures and delicate animation, it helps the product create the ultimate experience.

You can also play with antd-mobile just in browser with [Codesandbox](https://codesandbox.io/s/antd-mobile-snrxr?file=/package.json). No need to prepare development environment.

If you found bugs or would like to request some new features, please consider opening an [issue](https://github.com/ant-design/ant-design-mobile/issues/new).

If you have some questions about how to use ant-mobile, you can start a [discussion thread](https://github.com/ant-design/ant-design-mobile/discussions).

---


## 🤝 Contributing 

Thanks to all the contributors of antd-mobile:

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

<a href="https://github.com/ant-design/ant-design-mobile/graphs/contributors">
  <img src="https://opencollective.com/ant-design-mobile/contributors.svg?width=960&button=false" alt="contributors" />
</a>

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