ArcoDesign 是由字节跳动 GIP UED 团队和架构前端团队联合推出的企业级设计系统。在打磨了近 3 年之后，通过字节内部大量业务沉淀和验证，我们开源了 ArcoDesign 设计系统。旨在让社区听见更多的声音，为更多中小型企业及个人设计师和开发者提效，创造更多高效美观的“最佳实践”。

ArcoDesign 拥有系统的设计规范和资源，依据此规范提供了覆盖 react、vue、Mobile 的原子组件。基于丰富的原子组件，Arco 提供了除风格配置平台、物料平台的定制化工具外还包括图标平台、品牌库、Arco Pro 最佳实践的资源平台，旨在帮助设计师与开发者解放双手、提升工作效率、高质量地打造符合业务规范的中后台应用。

正如 「Arco」 这个名字一样，遵循【Agreement / 一致】、【Rhythm / 韵律】、【Clear / 清晰】、【Open / 开放】的理念，Arco 希望能帮助更多的用户提升工作效率和愉悦程度，打造更好的产品。

Arco Design提供了60多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。海量的设计 tokens, 支持全局以及组件级别的主题配置。有以下2种方式可以定制主题：

Less-loader 
风格配置平台 - 推荐!

安装

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

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

例子

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

链接: https://www.fly63.com/nav/3470