文章底部获取项目地址
Arco Design Mobile 是一个专为移动应用设计的 UI 组件库，字节前端开源，基于 React 开发，支持服务端渲染、按需引入、国际化、以及主题配置等功能。
部分组件预览：
提供更多工具函数：
组件使用： // npm 安装 npm install @arco-design/mobile-react -S // import import React from 'react'; import ReactDOM from 'react-dom'; import Button from '@arco-design/mobile-react/esm/button'; import '@arco-design/mobile-react/esm/button/style'; function App() { return ( <Button>Hello World</Button> ); } ReactDOM.render(<App />, document.getElementById('app')); // 自适应 import setRootPixel from '@arco-design/mobile-react/tools/flexible'; setRootPixel(); // 按需引入 npm install babel-plugin-import -D // .babelrc.js plugins: [ ["import", { "libraryName": "@arco-design/mobile-react", "libraryDirectory": "esm", // 如果是 SSR 环境，这里用 cjs "style": (path) => `${path}/style`, }] ] // 主题配置 lessOptions: { javascriptEnabled: true, modifyVars: { '@use-css-vars': 1, // 开启css变量 } }功能和特性： 跨端兼容：Arco Design Mobile 提供了一套能够兼容多个平台的解决方案，使得开发者能够用一套代码适配不同的操作系统和设备。
功能全面：包含丰富的 UI 组件，覆盖企业级应用的常见场景，深入到业务的每一个细节，满足多样化的业务需求。
快速生产：通过提供标准化的业务组件库和配套的文档站，Arco Design Mobile 加速了开发流程，提高了开发效率。
灵活易用：在提供强大功能的同时，Arco Design Mobile 也注重易用性，使得开发者可以灵活配置组件，以适应不同的定制化需求。
丰富的组件类型：提供 50+ 基础模块组件，这些组件覆盖了各种不同的使用场景，帮助开发者构建出既美观又功能完备的应用。
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等，如有其他优秀资源，欢迎发消息投稿，感谢点赞、在看、转发、关注！！！
其他推荐
项目地址
GitHub：https://github.com/arco-design/arco-design-mobile
