<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />

<p align="center">
  <a href="https://mobile.ant.design">English Doc</a>
  |
  <a href="https://mobile.ant.design/zh">中文文档</a>
  |
  <a href="https://discord.gg/jmNvw4WFYn">Discord</a>
  |
  <a href="https://gw.alipayobjects.com/mdn/rms_25513e/afts/img/A*hBjlR4nUWjkAAAAAAAAAAAAAARQnAQ">钉钉</a>
</p>

![npm (tag)](https://img.shields.io/npm/v/antd-mobile)
![GitHub Release Date](https://img.shields.io/github/release-date/ant-design/ant-design-mobile)
![npm](https://img.shields.io/npm/dw/antd-mobile)
![npm](https://img.shields.io/npm/dw/antd-mobile-v5-count?label=downloads%285.x%29)
![gzip size](https://img.badgesize.io/https:/unpkg.com/antd-mobile/umd/antd-mobile.js?label=gzip%20size&compression=gzip)
[![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/ant-design/ant-design-mobile.svg)](http://isitmaintained.com/project/ant-design/ant-design-mobile 'Average time to resolve an issue')
[![Percentage of issues still open](http://isitmaintained.com/badge/open/ant-design/ant-design-mobile.svg)](http://isitmaintained.com/project/ant-design/ant-design-mobile 'Percentage of issues still open')
![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/ant-design/ant-design-mobile/Check/v5)
[![codecov](https://codecov.io/gh/ant-design/ant-design-mobile/branch/master/graph/badge.svg?token=2kJyJBg1nK)](https://codecov.io/gh/ant-design/ant-design-mobile)
![GitHub](https://img.shields.io/github/license/ant-design/ant-design-mobile)

```bash
$ npm install --save antd-mobile
# or
$ yarn 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 question about how to use ant-mobile, you can start a [discussion thread](https://github.com/ant-design/ant-design-mobile/discussions).

---

Thanks to all the contributors of antd-mobile:

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