/awesome-arco

Awesome Arco Design resources list.

MIT LicenseMIT

awesome-arco Awesome

Arco Design is an enterprise-level design system jointly launched by the Bytedance GIP UED team and the architecture front-end team. ArcoDesign provides React, Vue, and Mobile components. On the basis of atomic components, it also provides a wealth of customization tools, including 「DesignLab」, 「Material Market」, etc. and also provides resource platforms including 「IconBox」, 「Arco Pro」, etc. It aims to help designers and developers free their hands, improve work efficiency, and create admin applications that meet business specifications more efficiently and with high quality.

English | 中文

Component Library

Design Resources

Ecosystem

  • DesignLab - The online visual component style configuration platform helps users build personalized themes, helps users better manage different styles of theme configurations, and improves the efficiency of design and development collaboration.
  • Material Market - Quickly develop and share customized components based on Arco scaffolding tools, realize decoupling and reuse of business modules, improve development efficiency, and promote team collaboration.
  • Arco Pro - Help users quickly build projects from 0 to 1, and support users to freely choose common page templates.
  • IconBox - Provide a standardized and unified high-quality business icon library.
  • Palette - Help designers and developers debug colors online and explore Arco color algorithms.
  • Tushan - Build your admin system in 5 minutes.

Boilerplates

React

  • Arco Pro React - An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design React.
  • arco-react-vite-starter - A minimal arco starter with Vite.js, React.js and TypeScript.
  • arco-next-starter A minimal starter boilerplate with Arco Design, Nextjs, and TypeScript.

Vue

  • Arco Pro Vue - About An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design Vue.
  • Arco Work - A beautiful and powerful admin template powered by Vue3 and ArcoDesign.
  • Duxravel - An admin management development framework based on the Laravel framework and Arco Design Vue.
  • Arco Vue Playground - An online Arco Desgin Vue playground, Here you can interactively play and test Arco Design Vue components with a fresh Vue.js instance.

Plugins

  • Webpack plugin - Help developers to easily use themes in Webpack, implement on-demand loading, and replace component built-in icons.
  • Vite plugin - Help developers to easily use themes in Vite, implement on-demand loading, and replace component built-in icons.

CSS

Cli

  • Arco Cli - Encapsulated material operation commands to help users quickly create materials and publish them to the Arco material market.

Low-Code

  • Sunmao-ui - A low-code framework with powerful extensions. Built in arco design as the default component library. You can quickly build web applications, or customize your own low-code editor via widget.

Materials

Demos

Contributing

Your contributions are always welcome!