Skip to content

Latest commit

 

History

History
79 lines (50 loc) · 5.61 KB

README_zh-CN.md

File metadata and controls

79 lines (50 loc) · 5.61 KB

awesome-arco Awesome

Arco Design 是由字节跳动 GIP UED 团队 和 架构前端团队联合推出的企业级设计系统。ArcoDesign 拥有系统的设计规范和资源,同时依据规范提供了丰富的原子组件,覆盖了 React、Vue、Mobile 等框架和方向。在原子组件基础上也提供了丰富的定制化工具,包括「风格配置平台」、「物料平台等」,也提供了资源平台包括 「IconBox」、「Arco Pro」 最佳实践等。旨在帮助设计师与开发者解放双手、提升工作效率,更高效、高质量的打造符合业务规范的中后台应用。

English | 中文

组件库

设计资源

Ecosystem

  • 风格配置平台 - 在线可视化组件风格配置平台,协助用户构建个性化主题,帮助用户更好地管理不同风格的主题配置,提高设计和开发的协作效率。
  • 物料市场 - 基于 Arco 脚手架工具快速进行定制化的业务组件开发、共享,实现业务模块的解耦与复用,提升开发效率,促进团队协作。
  • Arco Pro React 版 - 帮助用户快速的从 0 到 1 搭建项目,支持用户自由选用常见页面模版。
  • IconBox 图标平台 - 提供规范化、统一化的高质量业务图标库。
  • Palette 在线调色板 - 帮助设计师和开发者在线调试颜色,探索 Arco 色彩算法。
  • Tushan - 五分钟构建一个后台管理平台

模版

React

  • Arco Pro React - 基于 Arco Design React 组件库的开箱即用的中后台前端解决方案。Admin 中后台管理页面,创新的多架构方案。
  • Arco vite 启动器 - 一个支持 Vite.js、React.js 和 TypeScript 的轻量级 Arco 启动器。
  • arco-next-starter 一个 Nextjs 和 TypeScript 的最简模板

Vue

  • Arco Pro Vue - 基于 Arco Design Vue 组件库的开箱即用的中后台前端解决方案。Admin 中后台管理页面,创新的多架构方案。
  • Arco Work - 采用 Vue3、Vite2、Typescript、Arco Design 编写的中后台框架。全面的系统配置,优质模板,常用组件,真正一站式开箱即用。
  • Duxravel - 基于 Laravel 框架和 Arco Design Vue 开发的后台管理开发框架。
  • Arco Vue Playground - 一个在线的 Arco Desgin Vue 编辑预览,在这里你可以使用 Vue 实例交互式的编辑、测试 Arco Design Vue 组件。

插件

  • Webpack plugin - 帮助开发者在 Webpack 构建中方便地使用主题、实现按需加载、替换组件内置图标。
  • Vite plugin - 帮助开发者在 Vite 构建中方便地使用主题、实现按需加载、替换组件内置图标。

CSS

脚手架

  • Arco Cli - 封装了物料操作命令,帮助用户快速创建物料项目并将其发布至 Arco 物料平台。

低代码

  • Sunmao-ui - 具有强大的扩展能力的低代码框架。内置了arco design组件库开箱即用。可快速搭建web应用,也可以通过widget定制属于自己的低代码编辑器。

物料

代码示例

贡献

十分欢迎参与贡献!