Awesome

A comprehensive React UI components library based on the Arco Design system.

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

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!

<a href="https://github.com/arco-design/arco-design-mobile/graphs/contributors"><img src="https://contrib.rocks/image?repo=arco-design/arco-design-mobile" style="height: 50px" /></a>

And our former comrades:

<a href="https://github.com/wuyadream"><img src="https://github.com/wuyadream.png" style="height: 50px; border-radius: 50%" /></a> <a href="https://github.com/Ariussssss"><img src="https://github.com/Ariussssss.png" style="height: 50px; border-radius: 50%" /></a> <a href="https://github.com/WindyZYY"><img src="https://github.com/WindyZYY.png" style="height: 50px; border-radius: 50%" /></a> <a href="https://github.com/10000lance"><img src="https://github.com/10000lance.png" style="height: 50px; border-radius: 50%" /></a> <a href="https://github.com/GitHubzhangshuai"><img src="https://github.com/GitHubzhangshuai.png" style="height: 50px; border-radius: 50%" /></a>

License

This project is MIT licensed.

<br/><br/>