Zarm Design – 众安移动端的前端UI组件库

众安科技开源的一套移动端组件库，主要服务于移动端 H5 页面和小程序场景。它提供了一系列开箱即用的 UI 组件，帮助开发者快速搭建风格统一、交互流畅的移动端界面。

Zarm Design，移动端开发的积木神器，开箱即用，轻松搭建统一流畅的H5和小程序界面！

立即访问✓ 链接正常 (2026-09-05)

官网zarm.design

收费模式免费

收录/更新时间2026-08-14

使用场景网页端, 移动端

UI组件库前端开发移动端开发设计工具设计系统

众安科技开源的一套移动端组件库，主要服务于移动端 H5 页面和小程序场景。它提供了一系列开箱即用的 UI 组件，帮助开发者快速搭建风格统一、交互流畅的移动端界面。你可以把它理解成一套“手机端乐高积木”，按钮、弹窗、表单、导航栏等常用功能都已经被封装好，直接拿来用就能拼出完整的页面，而无需从零编写样式和交互逻辑。

主要功能

Zarm Design 的核心能力是提供丰富的移动端组件，覆盖日常业务开发中的大多数场景。具体包括：

• 基础组件：按钮、图标、输入框、标签、单元格等，用于构建页面基本元素。
• 反馈组件：弹窗、动作面板、轻提示、加载中、结果页等，用于处理用户操作后的即时反馈。
• 导航组件：导航栏、标签栏、索引列表、分页器等，帮助用户在不同页面或内容区域间切换。
• 数据录入组件：复选框、单选框、开关、滑动输入条、日期选择器、地区选择器、上传组件等，用于收集和提交用户信息。
• 数据展示组件：轮播、折叠面板、步骤条、进度条、二维码、时间轴等，用于结构化展示数据内容。
• 业务组件：如验证码倒计时、金额输入、安全键盘等，贴合金融科技类产品的高频需求。

组件设计上遵循移动端交互规范，同时兼容主流移动浏览器，并支持按需加载，能有效减小项目打包体积。

功能特点

• TypeScript 编写：提供完整的类型定义，在编辑器中有良好的代码提示和类型检查，适合中大型项目协作。
• 按需加载：配合 babel-plugin-import 等工具，可以只引入使用的组件，减小最终资源体积。
• 主题定制：支持通过 Less 变量对品牌色、圆角、字号等设计令牌进行定制，便于适配不同企业的视觉规范。
• 国际化支持：内置多语言处理能力，可方便地扩展或切换组件文案，适合有海外业务的产品。
• 无障碍支持：关注键盘操作和读屏软件体验，在可访问性方面做了相应处理。
• 持续维护：作为众安科技的开源项目，社区中有定期的更新与问题反馈，保障了组件的稳定性和安全性。

适用人群

• 移动端 H5 应用开发者
• 需要快速搭建业务原型或正式产品的团队
• 使用 React 技术栈的前端工程师
• 金融、保险、电商等领域的产品开发人员
• 对 UI 一致性和代码质量有要求的开发者

Zarm Design 作为众安科技出品的移动端组件库，背靠真实金融业务场景，组件实用性强，文档清晰，上手门槛较低。其优势在于类型支持完善、定制灵活，并针对移动端做了细致优化。相对而言，其生态规模和社区活跃度不如 Ant Design Mobile 等老牌组件库，部分组件在复杂交互场景下需要二次封装。总体而言，它是一款值得尝试的高质量移动端解决方案。

网址：https://zarm.design/