# zarm
> 基于 React 的移动端UI库
Latest version **3.4.2** (published 2026-07-15) · MIT license · 0 weekly downloads
## Install
```sh
npm install zarm
pnpm add zarm
yarn add zarm
bun add zarm
```
## Health
**Score 70/100 (B)** — status: active.
Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.
Warnings: low downloads; large bundle.
## Facts
| | |
|---|---|
| Version | 3.4.2 |
| Published | 2026-07-15 |
| First published | 2017-07-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 16 |
| Unpacked size | 12.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1726 |
| Maintainers | linji, edison-hm |
| Keywords | react, react-ui, react-component, zarm, zarm-ui, zarm-mobile, component, components, ui, framework, frontend, mobile |
## Links
- npm: https://www.npmjs.com/package/zarm
- Repository: https://github.com/ZhongAnTech/zarm
- Homepage: https://github.com/ZhongAnTech/zarm#readme
- Issues: https://github.com/ZhongAnTech/zarm/issues
- npm.io page: https://npm.io/package/zarm
## Dependencies (16)
- [raf](https://npm.io/package/raf.md) ^3.4.1
- [color](https://npm.io/package/color.md) ^3.1.3
- [dayjs](https://npm.io/package/dayjs.md) ^1.11.3
- [ahooks](https://npm.io/package/ahooks.md) ^3.7.6
- [lodash](https://npm.io/package/lodash.md) ^4.17.15
- [classnames](https://npm.io/package/classnames.md) ^2.3.1
- [better-scroll](https://npm.io/package/better-scroll.md) 2.3.1
- [normalize.css](https://npm.io/package/normalize.css.md) 8.0.1
- [@zarm-design/bem](https://npm.io/package/@zarm-design/bem.md) ^0.0.10
- [@use-gesture/react](https://npm.io/package/@use-gesture/react.md) ^10.1.1
- [@zarm-design/icons](https://npm.io/package/@zarm-design/icons.md) ^0.1.16
- [@better-scroll/core](https://npm.io/package/@better-scroll/core.md) ^2.3.1
- [@better-scroll/wheel](https://npm.io/package/@better-scroll/wheel.md) ^2.3.1
- [intersection-observer](https://npm.io/package/intersection-observer.md) ^0.12.2
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.4.2
- [@floating-ui/react-dom-interactions](https://npm.io/package/@floating-ui/react-dom-interactions.md) ^0.9.1
## 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
- 3.4.2 (latest) — 2026-07-15
- 2.9.22 (2x) — 2026-07-18
- 3.0.17-alpha.0 (alpha) — 2023-10-31
- 3.0.0-alpha.6 (next) — 2023-02-24
- 2.7.0-beta.2 (beta) — 2021-01-14
- 3.4.1 — 2026-07-13
- 3.4.0 — 2026-07-12
- 2.9.21 — 2025-08-21
- 3.3.1 — 2025-05-15
- 3.3.0 — 2025-03-21
- 3.2.0 — 2025-02-18
- 3.1.5 — 2024-11-22
- 3.1.4 — 2024-11-01
- 3.1.3 — 2024-10-31
- 2.9.20 — 2024-06-04
- … 214 more at https://npm.io/package/zarm/versions
## README
Zarm
[](https://github.com/ZhongAnTech/zarm/actions/workflows/test.yml)
[](https://codecov.io/gh/ZhongAnTech/zarm)
[](https://www.npmjs.org/package/zarm)
[](https://npmjs.org/package/zarm)
[](https://david-dm.org/ZhongAnTech/zarm)
[](https://david-dm.org/ZhongAnTech/zarm?type=peer)
[](https://david-dm.org/ZhongAnTech/zarm?type=dev)
[](https://app.netlify.com/sites/zarm/deploys)
[](https://app.fossa.io/projects/git%2Bgithub.com%2FZhongAnTech%2Fzarm?ref=badge_shield)
[](https://gitter.im/ZhongAnTech/zarm?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
众安科技基于 React 研发的一款适用于企业级的移动端 UI 组件库。
Zarm 的命名，灵感来源于众安保险秉承的理念：做有温度的保险。Zarm = za + warm，za 代表“众安”，warm 有“温暖”的含义，以重合的 a 字母为中心，各取左右两部分。追求极致的用户体验，致力于做有温度的组件库也是 zarm 项目发起的初衷。
## 预览
[https://zarm.design/demo.html#/](https://zarm.design/demo.html#/)
## 浏览器支持
- iOS
- Android 4.0+
## 安装
npm 或 pnpm 安装
```bash
# npm
$ npm install zarm --save
# pnpm
$ pnpm add zarm
```
## 使用
```js
import { Button, Cell } from 'zarm';
import 'zarm/dist/zarm.css';
```
## 定制主题
可以参考 [定制主题文档](https://github.com/ZhongAnTech/zarm/blob/master/packages/site/web/docs/customize-theme.md)。
## 国际化
可以参考 [国际化文档](https://github.com/ZhongAnTech/zarm/blob/master/packages/site/web/docs/i18n.md)。
## 社区
| 问题上报 | 讨论交流 | 微信群 |
| :---------------------------------------------------------- | :-------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------- |
| [github issues](https://github.com/ZhongAnTech/zarm/issues) | [github discussions](https://github.com/ZhongAnTech/zarm/discussions) | 
备注 "zarm" 加好友后邀请进群 |
## 如何贡献
使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR。
你可以使用 Gitpod 进行在线开发：
[](https://gitpod.io/#https://github.com/ZhongAnTech/zarm)
或者克隆到本地开发，请阅读我们的 [贡献指南](https://github.com/ZhongAnTech/zarm/blob/master/packages/site/web/docs/contributing.md)。
## 开源协议
MIT
[](https://app.fossa.io/projects/git%2Bgithub.com%2FZhongAnTech%2Fzarm?ref=badge_large)
---
_Source: https://npm.io/package/zarm · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._