Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/arco-design/awesome-arco

Awesome Arco Design resources list.
https://github.com/arco-design/awesome-arco

List: awesome-arco

arco arco-design design-systems react

Last synced: about 1 month ago
JSON representation

Awesome Arco Design resources list.

Awesome Lists containing this project

README 

        
# awesome-arco [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)



[](http://lesscss.org/)



> [Arco Design](https://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](https://arco.design/themes)」, 「[Material Market](https://arco.design/material)」, etc. and also provides resource platforms including 「[IconBox](https://arco.design/iconbox)」, 「[Arco Pro](https://pro.arco.design)」, 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 | [中文](./README_zh-CN.md)



## Component Library



* [React](https://github.com/arco-design/arco-design)

* [Vue](https://github.com/arco-design/arco-design-vue)

* [React Mobile](https://github.com/arco-design/arco-design-mobile)



## Design Resources



* [Components Figma](https://www.figma.com/file/M66cTiLXHa4SVyZIlfY5Pb/arco-Design-System?node-id=7945%3A44563)

* [Arco Pro Figma](https://www.figma.com/file/dp8okiO9c6tKdBmqv1m1R2/Arco-Design-Pro?node-id=515%3A5594)

* [Arco Icons Figma](https://www.figma.com/file/1ohmb16op4ogbI09ojLR5W/Arco-Design-Icons)

* [Components Sketch](https://unpkg.byted-static.com/byted/arco-config/1.0.8/sketch/ArcoDesign_Sketch_Design.sketch)

* [Components Axure](https://unpkg.byted-static.com/byted/arco-config/1.0.8/axure/ArcoDesign_Axure_Component.rp)



## Ecosystem



* [DesignLab](https://arco.design/themes) - 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](https://arco.design/material) - 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](https://pro.arco.design/) - Help users quickly build projects from 0 to 1, and support users to freely choose common page templates.

* [IconBox](https://arco.design/iconbox) - Provide a standardized and unified high-quality business icon library.

* [Palette](https://arco.design/palette) - Help designers and developers debug colors online and explore Arco color algorithms.

* [Tushan](https://tushan.msgbyte.com/) - Build your admin system in 5 minutes.



## Boilerplates



### React



* [Arco Pro React](https://github.com/arco-design/arco-design-pro) - An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design React.

* [arco-react-vite-starter](https://github.com/renyuanz/arco-design-vite-react-ts-starter) - A minimal arco starter with Vite.js, React.js and TypeScript.

* [arco-next-starter](https://github.com/jiahao-c/arco-next-starter) A minimal starter boilerplate with Arco Design, Nextjs, and TypeScript.



### Vue



* [Arco Pro Vue](https://github.com/arco-design/arco-design-pro-vue) - About An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design Vue.

* [Arco Work](https://github.com/qingqingxuan/arco-work) - A beautiful and powerful admin template powered by Vue3 and ArcoDesign.

* [Duxravel](https://github.com/duxphp/duxravel) - An admin management development framework based on the Laravel framework and Arco Design Vue.

* [Arco Vue Playground](https://github.com/hehehai/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](https://github.com/arco-design/arco-plugins/tree/main/packages/plugin-webpack-react) - Help developers to easily use themes in [Webpack](https://webpack.js.org/), implement on-demand loading, and replace component built-in icons.

* [Vite plugin](https://github.com/arco-design/arco-plugins/tree/main/packages/plugin-vite-react) - Help developers to easily use themes in [Vite](https://vitejs.dev/), implement on-demand loading, and replace component built-in icons.



## CSS



* [Twin.Arco](https://twin-arco.netlify.app/) - Easily use Arco theme in [Windi CSS](https://github.com/windicss/windicss) or [TailwindCSS](https://github.com/tailwindlabs/tailwindcss).



## Cli



* [Arco Cli](https://github.com/arco-design/arco-cli) - Encapsulated material operation commands to help users quickly create materials and publish them to the Arco material market.



## Low-Code

* [Sunmao-ui](https://sunmao-ui.com/) - 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



* [Confetti Button](https://arco.design/material/detail/?name=arco-confetti) - Click the button to fire the confetti 🎉.

* [Context Menu](https://arco.design/material/detail/?name=@arco-design/context-menu) - Right click to open the context menu.



## Demos



* **[Table](https://arco.design/react/components/table)**

  * [Controlled Filter and Sort](https://codesandbox.io/s/relaxed-herschel-ol574?file=/index.js)

* **[DatePicker](https://arco.design/react/components/date-picker)**

  * [Custom mouseenter and mouseleave events](https://codesandbox.io/s/suspicious-jepsen-s7h6m)



## Contributing



Your contributions are always welcome!