A comprehensive React UI components library based on the Arco Design system. Suitable for mobile H5 / WebView environments.

English | 简体中文

Features

• Provides 50+ easy-to-use components based on TypeScript
• Simple and restrained UI design & pixel-accurate restoration
• Pursue the ultimate finger interaction effect
• Online high-traffic verification of important components
• Fine-grained and flexible property configuration
• Support server-side rendering
• Support internationalization
• Support on-demand introduction
• Support theme configuration

Installation

Available as an npm package

// with npm
npm install @arco-design/mobile-react

// with yarn
yarn add @arco-design/mobile-react

Examples

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'));

Using with LLMs

• Recommended: Context7 for up-to-date docs and code examples
• Alternative: GitMCP or similar MCP services
• Full guide: https://arco.design/mobile/react/arco-design/pc/#/doc/use-llm

Quick setup (Cursor):

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Prompt example:

Create a page with a button and dialog using Arco Design Mobile use context7

Useful Links

• Documentation website
• Components documentation
• Figma component library
• Awesome Arco

Browser Support

Contributing

Developers interested in contributing should read the Code of Conduct and the Contributing Guide.

Thank you to all the people who already contributed to Arco Design Mobile!

And our former comrades:

License

This project is MIT licensed.