@arco-design/web-react NPM | npm.io

2.62.0 • Published 8 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

8 days ago

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

English | 简体中文

https://user-images.githubusercontent.com/19399269/141435899-e453cf75-d50f-4549-b8d0-37daebe46c36.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:

With less-loader
Design Lab - Recommended!

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	Firefox	Chrome	Safari	Opera	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.

arco ArcoDesign react ui byteui bytedesign component

@arco-design/color @babel/runtime b-tween b-validate compute-scroll-into-view dayjs lodash number-precision react-focus-lock react-is react-transition-group resize-observer-polyfill scroll-into-view-if-needed shallowequal

@yhfu/re-component biz-email-extensions scrm-admin @infinitebrahmanuniverse/nolb-_arco-d polaris-easy-email-extensions @everything-registry/sub-chunk-79 free-design duxweb easy-pdf-extensions easedraft-template easedraft-template-extensions easy-email-extensions easy-email-extensions-rus hua123an-react kaya-ui-design-system-pb knowledge-ui kia-easy-email-extensions moda-design modo-design modo-plugin-common polaris-email-extensions qcraft-comp revo-email-extensions react-code-js react-arco-components realmail-extensions react-live-runtime scriptcat-lib template-builder-extensions testlowcode simpleemaileditor @arco-design/arco-ui-dist sa-fe-starter-template tushan @fxh-design/components @fxh-design/web-react @knowitall/easy-email-extensions @modern-js-block/arco-atomic-components @modern-js-block/arco-components @modern-js-block/container-arco-pro @modern-js-block/landing-page @module-federation/devtools @moonshop/easy-email-extensions zot-portal @hz-iris/components xbpr xbps ybai-1-easy-email-extensions ybai-easy-email-extensions y-email-extensions @groovymedia/easy-email-extensions @hsuehpe/easy-email-extensions @anterostecnologia/anteros-email-extensions 91-easy-email-extensions custom-react-app @nyqykk/tool @momos/easy-email-extensions @sunmao-ui-fork/arco-lib @sunmao-ui/arco-lib @sunmao-ui/resolver @subscan/widget-app @pro.formily/arco @quiet-front-end/json-schema-editor-arco @timbrown4178/easy-email-extensions @nguyentrunghieutcu/easy-email-extensions @rizqirakun/easy-email-extensions @onezhaoyn/react-modal-hooks @sambegin/easy-email-extensions @plugilo/easy-email-extensions doc-editor-light doc-editor-plugin @ueui/core @truongan106/easy-email-extensions aiops-ui anteros-email-extensions arco-verify-code arco.formily api-log @april9/stack9-marketing-ui @arco-cli/ui-foundation-react @arco-materials/site-navbar @arco-materials/upload-crop @arco-cli/aspect asdasdqweqweaszxc @duongtruongan/easy-email-extensions code-rex-email-editor-extensions @datatester/material-cli @datatester/material-cli-test

8 days ago

22 days ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

10 months ago

9 months ago

9 months ago

9 months ago

7 months ago

7 months ago

7 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago