字节跳动热门的前端开源项目

 字节跳动开源官网

Arco Dsign

Arco Design 是一套设计系统，主要服务于字节跳动旗下中后台产品的体验设计和技术实现。它的目标在于帮助设计师与开发者解放双手、提升工作效率，并高质量地打造符合业务规范的中后台应用。它拥有系统的设计规范和资源，提供了覆盖 React、Vue、Mobile 的原子组件。目前，Arco Design 拥有 60 多个精心制作的组件，支持开箱即用。

除了风格配置平台和物料平台的定制化工具外，Arco Design 还提供了包括图标平台、品牌库、Arco Pro 最佳实践的资源平台。

Arco Design Pro

Arco Design Pro 是基于 Arco Design React 组件库的开箱即用的中后台前端解决方，它的特性如下：

• TypeScript - 代码完全使用 TypeScript 书写

• Arco Design - 由 ArcoDesign React 组件库强力驱动

• Templates - 16+ 页面模版，覆盖表格、列表、表单、工作台、可视化等场景。

• Themes - 基于「风格配置平台」丰富的主题市场，让你的项目千变万化。

• Dark Theme - 一键丝滑切换暗黑风格

• Mock - 内置 API 模拟方案

• Flexible - 灵活的多架构方案，支持 next.js / vite / cra 等开发框架

• I18n - 内置国际化多语言解决方案

• Config - 灵活配置页面配色、布局等

本质上，Arco Design Pro 是一套项目模版，市面上常见的中后台项目模版一般都有固定的选型和架构，这样用户如果想自己修改架构，成本会比较大。所以 Arco Pro v2 版本设计了一套多架构方案，能够在最大化的代码重用的基础上，输出多种架构的 pro 模版。

Semi Design

Semi Design 是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。它作为全面、易用、优质的现代应用 UI 解决方案，从字节跳动各业务线的复杂场景提炼而来，支撑近千计平台产品，服务内外部 10 万+ 用户。

Semi Design 采用了一套跨前端框架技术方案，F/A 分层设计，将每个组件的 JavaScript 拆分为两部分：Foundation 和 Adapter，这使得我们可以通过仅重新实现适配器来跨框架重用 Foundation 代码，例如 React、Vue、Angular、Svelte 或者 WebComponent，快速打造不同平台上的通用组件库。

<