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: 3 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 (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-12T08:13:05.000Z (13 days ago)
- Last Synced: 2024-12-15T00:04:21.085Z (10 days 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.39 MB
- Stars: 429
- Watchers: 10
- Forks: 76
- Open Issues: 48
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- 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).