Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/arco-design/arco-design-mobile

React mobile UI components library based on Arco Design
https://github.com/arco-design/arco-design-mobile

arco-design arco-design-mobile components design react typescript ui

Last synced: 26 days ago
JSON representation

React mobile UI components library based on Arco Design

Host: GitHub
URL: https://github.com/arco-design/arco-design-mobile
Owner: arco-design
License: mit
Created: 2022-06-01T04:01:10.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-05-31T11:24:38.000Z (about 1 month ago)
Last Synced: 2024-05-31T12:43:29.719Z (about 1 month ago)
Topics: arco-design, arco-design-mobile, components, design, react, typescript, ui
Language: TypeScript
Homepage: https://arco.design/mobile/react/arco-design/pc/#/
Size: 7.1 MB
Stars: 368
Watchers: 10
Forks: 70
Open Issues: 30
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Lists

awesome-arco - React Mobile

README

        


    

        

    





    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](https://www.npmjs.com/package/@arco-design/mobile-react)

```bash

// with npm

npm install @arco-design/mobile-react

// with yarn

yarn add @arco-design/mobile-react

```

# Examples

```typescript

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 (

    

      Hello World

    

  );

}

ReactDOM.render(, document.getElementById('app'));

```

# Useful Links

* [Documentation website](https://arco.design/mobile/react)

* [Components documentation](https://arco.design/mobile/react/arco-design/pc/)

* [Figma component library](https://www.figma.com/community/file/1143750379727993941)

* [Awesome Arco](https://github.com/arco-design/awesome-arco)

# Browser Support

| 
Safari on iOS | 
Android Webview |

| --------- | --------- |

| 9 | 4.4 |

# Contributing

Developers interested in contributing should read the [Code of Conduct](./CODE_OF_CONDUCT.md) and the [Contributing Guide](./CONTRIBUTING.md).

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



And our former comrades:











# License

This project is [MIT licensed](./LICENSE).