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 | 中文

• React
• Vue

• Components Figma
• Arco Pro Figma
• Arco Icons Figma
• Components Sketch
• Components Axure

• 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.

• 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 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.

• 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.

• Twin.Arco - Easily use Arco theme in Windi CSS or TailwindCSS.

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

• Confetti Button - Click the button to fire the confetti 🎉.
• Context Menu - Right click to open the context menu.

• Table
  • Controlled Filter and Sort
• DatePicker
  • Custom mouseenter and mouseleave events

Your contributions are always welcome!