前端生态圈

MDN Web Docs 自2005年以来，记录web技术，包括CSS、HTML和JavaScript

1、Framework 框架

Vue.js 易学易用，性能出色，适用场景丰富的 Web 前端框架。

React 用于构建 Web 和原生交互界面的库

Electron 使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用

HarmonyOS 华为开发者联盟,开发者生态,鸿蒙开发,华为鸿蒙生态

2、Micro Frontends 微前端

qiankun 可能是你见过最完善的微前端解决方案🧐

无界 极致的微前端框架；基于 WebComponent 容器 + iframe 沙箱

Garfish 含构建微前端系统时所需要的基本能力，任意前端框架均可使用。接入简单，可轻松将多个前端应用组合成内聚的单个产品

Icestark 构建您的下一个微前端应用，或无痛迁移您目前的巨型应用。如同开发 SPA 应用一样简单，不仅解决多个开发团队协同问题，还带来了安全的沙箱、优秀的性能体验。

MicroApp 一款简约、高效、功能强大的微前端框架

3、Components 组件库

3.1、Vue

Element Plus 基于 Vue 3，面向设计师和开发者的组件库

View Design 基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

Ant Design Vue 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践。

layui - vue layui - vue (谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库.

Naïve UI 一个 Vue 3 组件库，比较完整，主题可调，使用 TypeScript，快有点意思

Vuetify 一个不需要设计技能的开源UI库，它有精美的手工制作的Vue组件。

3.2、React

Ant Design 为 Web 应用提供了丰富的基础 UI 组件，我们还将持续探索企业级应用的最佳 UI 实践

shadcn/ui 设计精美的组件，你可以复制和粘贴到你的应用程序。易访问、易定制、开源

Magic UI 50多个免费和开源的动画组件，使用React、Typescript、Tailwind CSS和Framer Motion构建。shadcn/ui的完美伴侣。

cult/ui 设计工程师精心制作的组件；您的react应用程序的组件。Shadcn兼容。采用尾风设计。

3.3、Uni App

uView 全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水

uView-Plus 全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水

TuniaoUI 美观易用是TuniaoUI追求的

Wot Design Uni 高颜值、轻量化的uni-app组件库

uv-ui uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用，利剑出击

TMUI 优质Vue3 TS Pinia Vite跨端组件库

3.4、多端

Vant 轻量、可定制的移动端 Vue 组件库

Arco.Design 字节跳动出品的企业级设计系统

3.5、原生

Layui 原生态 · 开源，极简模块化 Web UI 组件库

daisyUI Tailwind CSS 最流行的组件库

UIverse 最大的开放源码用户界面库

4、Tools 插件

Windi CSS 下一代工具优先的 CSS 框架；可以把 Windi CSS 看作是按需供应的 Tailwind 替代方案

TailWind CSS 一个工具优先的 CSS 框架

weapp-tailwindcss 降低开发维护成本，提升开发效率的小程序 使用 tailwindcss 全方面解决方案

VueUse Vue 组合式工具集

wangEditor 5 开源 Web 富文本编辑器，开箱即用，配置简单

Day.js 使用与 Moment.js 兼容的 API 来解析、验证、操作、以及显示现代浏览器的日期和时间

md-editor-v3 Markdown编辑器Vue3版本，使用jsx和typescript语法开发，支持切换主题、prettier美化文本等

relation-graph 支持Vue2、Vue3、React的关联关系图谱组件

TextBus 支持多前端框架、高性能的富文本库；原生支持 Viewfly、React、Vue 渲染富文本

Autofit.js 迄今为止最易用的自适应工具；大屏适配仅需一行代码

ahooks 一套高质量可靠的 React Hooks 库

TanStack 无头、类型安全且强大的Web应用程序、路由、状态管理、数据可视化、数据网格/表格等工具

NumberFlow 一个动画数字组件。无依赖性。无障碍。可定制的。

NProgress 纳米级进度条。采用逼真的涓滴动画，让您的用户相信正在发生什么！

---

提示

Vue2 Tools 即将废弃 (Deprecated)

vue-seamless-scroll 一个简单的基于vue.js的无缝滚动

v-md-editor 基于 Vue 开发的 markdown 轻量版编辑器组件

Vue CountTo 数字滚动动画

5、Chart 可视化

Vue Data UI 一个赋予用户权力的数据可视化 Vue3 组件库，用于巧妙地叙述数据故事

Vue-ECharts 用于 Apache ECharts™ 的 Vue.js 组件

Makeapie echarts 社区图表可视化案例

Echarts Dome Echarts gallery 社区,Make A Pie,分享你的可视化作品

PPChart PPChart - 让图表更简单

AntV 蚂蚁企业级数据可视化解决方案，让人们在数据世界里获得视觉化思考能力

Chart.js 用于现代网络的简单而灵活的 JavaScript 图表库

DataV - Vue3 支持 Vue3 + Vite 的 DataV 组件库

6、Icon 图标

IconFont 阿里巴巴矢量图标库

IconPark 一个通过技术驱动矢量图标样式的开源图标库

Font Awesome 一款专业的互联网图标库和工具套件，受到数百万设计师、开发者和内容创作者的青睐，并广泛使用

7、Animation 动画

Motion Vue 现代web应用程序的简单、功能强大且性能优异的动画