UNPKG

3.61 kBMarkdownView Raw
1<div align="center">
2
3 <img src="https://gw.alipayobjects.com/zos/bmw-prod/b2c7ff8b-eba0-4af9-9dd5-0b5b17f42c57.svg" alt="logo" width="200" height="auto" />
4 <h1>Ant Design Mobile</h1>
5
6 <p>
7 Essential UI blocks for building mobile web apps.
8 </p>
9
10[![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)
11
12 <h4>
13 <a href="https://mobile.ant.design">English Doc</a>
14 <span> · </span>
15 <a href="https://mobile.ant.design/zh">中文文档</a>
16 <span> · </span>
17 <a href="https://discord.gg/jmNvw4WFYn">Discord</a>
18 <span> · </span>
19 <a href="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8gmTR49Nr8UAAAAAAAAAAAAADrJ8AQ/original">钉钉</a>
20 </h4>
21</div>
22
23```bash
24$ npm install --save antd-mobile
25# or
26$ yarn add antd-mobile
27# or
28$ pnpm add antd-mobile
29# or
30$ bun add antd-mobile
31```
32
33- **Fast**: It is carefully optimized for harsh scenes, without configuration, you can have the best package size and ultimate performance.
34- **Customizable**: Based on CSS variables, you can reliably and efficiently adjust the appearance of components or create your own themes.
35- **Atomic**: The function of each component, neither more nor less, is exactly what you need.
36- **Fluent**: With smooth gestures and delicate animation, it helps the product create the ultimate experience.
37
38You 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.
39
40If 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).
41
42If 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).
43
44---
45
46Thanks to all the contributors of antd-mobile:
47
48<a href="https://github.com/ant-design/ant-design-mobile/graphs/contributors">
49 <img src="https://opencollective.com/ant-design-mobile/contributors.svg?width=960&button=false" alt="contributors" />
50</a>