🏔️ WEB 前端领域

约 2523 字大约 8 分钟

2026-02-07

CSS 样式

Tailwind CSS 无需离开 HTML，即可快速构建现代网站

原子化

UnoCSS 即时按需原子 CSS 引擎

CSS

weapp-tailwindcss 小程序使用 tailwindcss 一站式解决方案

CSSUniApp

PostCSS 一个用 JavaScript 转换 CSS 的工具

预处理器

PostCSS 插件

Postcss-px-to-viewport px 转视口单位（vw、vh）

Framework 框架

Vue.js 渐进式 JavaScript 框架

Nuxt 让 Vue.js 的全栈开发变得直观易行

VueSSR

React 用于构建用户界面的 JavaScript 库

Next.js 用于 Web 的全栈 React 框架

ReactSSR

UmiJS 可扩展的企业级前端应用框架

ReactCSRSSR

TanStack Start 由 TanStack Router 驱动的全栈框架

ReactSSR

uni-app 使用 Vue.js 开发，一套代码，运行到多个平台

小程序H5APP

微信小程序一个简单、高效的应用开发框架

Electron 使用 JavaScript、HTML 和 CSS 构建桌面应用程序

桌面应用

HarmonyOS 一次开发，多端部署。共建鸿蒙生态

NativeScript-Vue 令人愉悦的移动应用开发

VueAPP

WXT 下一代网页扩展框架

浏览器扩展

Lit 用于构建快速、轻量级 Web 组件的简单库

Web Components

Vue 生态

VueUse Vue 组合式工具集

Vue Plugins 发现并探索最佳的 Vue.js 插件

VUE 后台管理系统模板收集了一些基于 VUE 的开源项目

React 生态

React Route 适用于 React 的多策略路由器

Tanstack 适用于数据管理、数据可视化、图表、表格和用户界面组件等

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

Zustand 一个轻量、快速可扩展的精简状态管理方案

UniApp 生态

uni-plus 跨端快速启动模板

unibest 跨端快速启动模板

uni-helper 增强开发体验

UI 组件库

Layui 极简模块化 Web UI 组件库

原生

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

Vue

View Design 企业级 UI 组件库和中后台系统解决方案，为数万开发者服务

Vue

Ant Design Vue 开发和服务于企业级后台产品

Vue

Antdv Next 助力设计开发者「更灵活」地搭建出「更美」的产品，让用户「快乐工作」～

Vue

shadcn-vue 一套设计精美、易于访问的组件和一个代码分发平台

Vue

Ant Design 持续探索企业级应用的最佳 UI 实践

React

shadcn/ui 一套设计精美的组件，可以对其自定义、扩展和构建

React

Semi Design 易于定制的现代化设计系统，帮助设计师与开发者打造高质量产品

React

uView Pro 多平台快速开发UI框架

UniApp

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

UniApp

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

VueReact小程序

TDesign 为设计师 & 开发者，打造工作美学

VueReactUniApp小程序Flutter

AI Components

Element Plus X 开箱即用的企业级 AI 交互组件库，让开发者构建 AIGC 智能界面像搭积木一样简单

Vue

Ant Design X 匠心呈现 RICH 设计范式，打造卓越 AI 界面解决方案，引领智能新体验

React

Semi AI 专为 AI 应用场景设计的创新组件

React

Plugin 插件

markdown-exit 现代化的 Markdown 解析器、渲染器

Marked Markdown 解析器和编译器，为速度而生

fetch-event-source 用于生成 Event Source 请求，具有 fetch 的所有功能

vConsole 一个轻量级、可扩展的移动网页前端开发工具（控制台）

SnapDOM DOM 捕获引擎，快速准确的 HTML 转换为图像

modern-screenshot 使用 HTML5 canvas 和 SVG 从 DOM 节点快速生成图像

Fabric.js 一个强大而简单的 Javascript HTML5 画布库

Components 组件

emoji-mart emoji 选择器

原生

VueDraggablePlus 拖拽组件

Vue

Editor

cherry-markdown 开箱即用、轻量简洁、易于扩展的编辑器

原生

Tui-Editor 所见即所得编辑器

原生

md-editor-v3 使用jsx和typescript语法开发，支持切换主题、prettier 美化文本

Vue

Vditor 支持所见即所得、即时渲染（类似 Typora）和分屏预览模式

原生

mavonEditor 支持各种个性化功能

Vue

ByteMD 掘金同款 Markdown 编辑器

原生

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

原生

TinyEditor 一个基于 Quill 2.0 的富文本编辑器

原生

TextBus 支持多前端框架、高性能的富文本库

原生

Tiptap 无头开源编辑器框架

原生

Animate 动画

Animate.css 一个随时可用的跨浏览器动画库

CSS

GSAP 为专业人士构建的强大 JavaScript 动画库

原生

tsParticles 用于创建粒子的轻量级库

原生

AnimeJS 一体化动画引擎

原生

Effect Components

Inspira UI 特效动画开源组件

Vue

Motion Vue 简单、强大和高性能的动画

Vue

Vue Bits 动画 UI 组件

Vue

NumberFlow 动画数字组件

原生

React Bits 动画 UI 组件

React

Magic UI 开源动画组件和效果

React

Dashboard 可视化

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

Apache ECharts 基于 JavaScript 的开源可视化图表库

uCharts 高性能跨平台图表库

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

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

Components

Vue-ECharts Apache EChart 的 Vue.js 组件

Vue

Vue Data UI 赋予用户权力的数据可视化组件库

Vue

relation-graph 关系数据/图谱展示组件

原生

DataV - Vue3 Vue 大屏数据展示组件库

Vue

Chart Demo

makeapie echarts 图表可视化案例, 分享你的可视化作品

Echarts 图表集 Echarts 图表集

PPChart 让图表更简单。PPChart 提供 Echarts 收录、图表制作等服务

Engineer 工程化

Build Tool

Webpack 一个用于现代 JavaScript 应用程序的静态模块打包工具

Vite 一个超快的前端构建工具，赋能下一代 Web 应用的发展

Code Quality

ESLint 一个可插拔和可配置的 linter 工具，轻松保持代码质量

Prettier 一个固执己见的代码格式化器

Stylelint 一个强大的 CSS 代码检查工具

Oxlint 正在构建一个解析器、linter、格式化程序、转译器、压缩器、解析器

Micro 微前端

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

EMP 聚焦微前端生态闭环建设,v2.7 全面支持模块共享热更

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

无界基于 WebComponent 容器 + iframe 沙箱

Garfish 构建微前端系统时所需要的基本能力，任意前端框架均可使用。接入简单

Icestark 面向大型系统的微前端解决方案

Serve 服务端

Node.js 免费、开源、跨平台的 JavaScript 运行时环境

Adonis 构建 Web 应用程序和 API 服务器

NestJS 构建高效、可靠和可扩展的服务器端应用程序