Arco Design Mobile

A comprehensive React UI components library based on the [Arco Design](https://arco.design/mobile/react) system. ![](https://img.shields.io/badge/-Less-%23CC6699?style=flat-square&logo=less&logoColor=ffffff) ![](https://img.shields.io/badge/-Typescript-blue?logo=typescript&logoColor=white) ![](https://img.shields.io/badge/-React.js-blue?logo=react&logoColor=white) ![](https://img.shields.io/npm/v/@arco-design/mobile-react.svg?style=flat-square) ![](https://img.shields.io/npm/dm/@arco-design/mobile-react.svg?style=flat-square) [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/arco-design/arco-design-mobile/blob/main/LICENSE)

English | [简体中文](./README.zh-CN.md)

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