Skip to content

A comprehensive React UI components library based on Arco Design

License

Notifications You must be signed in to change notification settings

10Derozan/arco-design

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Arco Design

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

license Awesome

English | 简体中文

arco-video.mp4

Features

Comprehensive

With more than 60 crafted components that you can use out of the box.

Customizable theme

Extensive design tokens can be customized to build your own theme. Two ways of customization are supported:

Reusable custom materials

Material market provides a one-stop solution for materials management. Reuse customized modules to make a breakthrough in efficiency.

TypeScript friendly

All components are written in TypeScript so it's type friendly.

Installation

Available as an npm package

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

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

Examples

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@arco-design/web-react';
import '@arco-design/web-react/dist/css/arco.css';

function App() {
  return (
    <Button type='secondary'>
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.getElementById('app'));

Useful Links

Ecosystems

Project Description
Vue Component Library A comprehensive Vue UI components library based on the Arco Design system
Design Lab A platform to create and manage your themes with ease.
Material Market A platform that provides massive high-quality customized materials to greatly boost development efficiency.
Icon Box One-stop platform to manage your icons.
Arco Pro A solution to quickly building applications from scratch.

Browser Support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
Electron
Edge 16 31 49 31 36 last 2 versions

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 ArcoDesign!

License

This project is MIT licensed.

About

A comprehensive React UI components library based on Arco Design

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 72.3%
  • Less 20.1%
  • JavaScript 7.5%
  • Other 0.1%