WEB前端资源

前端学习不用愁，我来给你加加油！

前端框架

React

React 官方中文文档 – 用于构建用户界面的 JavaScript 库

Vue 2

渐进式 JavaScript 库

Angular

一套框架多种平台

Vue 3

渐进式 JavaScript 框架

小程序框架

Remax

Remax 将 React 运行在小程序环境中，让你可以使用完整的 React 进行小程序开发。

Taro

Taro 是一套遵循 React 语法规范的多端开发解决方案。

uni-app

uni-app：一个使用 Vue.js 开发跨平台应用的前端框架

mpvue

框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

kbone

kbone 是一个致力于微信小程序和 Web 端同构的解决方案。

WePY

WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。

Nanachi

基于 React 的多端小程序转译框架，完美兼容 React 生命周期

Mpx

Mpx是一款致力于提高小程序开发体验和开发效率的增强型小程序框架，通过Mpx，我们能够高效优雅地开发出具有极致性能的优质小程序应用，并将其输出到各大小程序平台和web平台中运行。

Chameleon

CML (Chameleon) 是一个跨多端开发的统一解决方案，它可以像变色龙一样适应不同的环境。一次开发，多端运行，一端所见即多端所见。

Megalo

Megalo 是基于 Vue（Vue@2.6.6）的小程序开发框架，让开发者可以用 Vue 的开发方式开发小程序应用。

React(PC)

Preact

React 的 3kb 轻量化方案，拥有同样的 ES6 API

React-Router

react-router 组件是 React 的核心功能，其拥有非常强大的声明式编程模型。

Umi

插件化的企业级前端应用框架。

Dva

基于React和redux、轻量级和elm风格的框架。

Ant Design

Ant Design - 一套企业级 UI 设计语言和 React 组件库

Ant Design Pro

开箱即用的中台前端/设计解决方案

Element React

Element UI 的 React 实现

Zent

Zent 是有赞 PC 端 WebUI 规范的 React 实现，提供了一整套基础的 UI 组件以及一些常用的业务组件。

Nerv

Nerv 一个基于 Virtual DOM 的类 React 组件框架

Vue-Blu

Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。

React(Mobile)

React Native

使用JavaScript和React编写原生移动应用

Ant Design Mobile

一个基于 Preact / React / React Native 的 UI 组件库

Zarm React

移动端 React 组件库

Vue(PC)

View UI

A High quality and rich functions, friendly APIs, free and flexible UI Toolkit based on Vue.js.

Element UI

网站快速成型工具，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

Vuetify

Vuetify is a Material Design component framework for Vue.js. It aims to provide all the tools necessary to create be...

VueStrap

Bootstrap components built with Vue.js.No jQuery, bootstrap.js, or any 3rd party plugins required.

Muse-UI

基于 Vue 2.0 优雅的 Material Design UI 组件库

Nuxt.js

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架，可用来创建服务端渲染 (SSR) 应用，也可充当静态站点引擎生成静态站点应用，具有优雅的代码结构分层和热加载等特性。

Vue(Mobile)

Vant

轻量、可靠的移动端 Vue 组件库

Cube UI

基于 Vue.js 实现的精致移动端组件库

Mand Mobile

面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品，让复杂的金融场景变简单。

Mand Mobile Palette

可视化Mand Mobile主题编辑器

Mint UI

基于 Vue.js 的移动端组件库

Weex

Weex 是一个可以使用现代化的 Web 技术开发高性能原生应用的框架

Zarm Vue

追求极致的用户体验，做有温度的组件库

Angular

Element Angular

Element UI 的 Angular 实现

NG-ZORRO

ng-zorro-antd 是遵循 Ant Design 设计规范的 Angular UI 组件库，主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议，任何企业、组织及个人均可免费使用。

NG-ALAIN

一个基于 Antd 中后台前端解决方案，提供更多通用性业务模块，让开发者更加专注于业务。

Ionic

移动端跨平台 UI

Node.js

koa

Koa (koajs) 是一个新的 web 框架，由 Express 幕后的原班人马打造，致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。Koa 并没有捆绑任何中间件，而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。

egg

为企业级框架和 Node.js & Koa 应用程序而生

Express

高度包容、快速而极简的 Node.js Web 框架

Nest

用于构建高效，可靠和可扩展的服务器端应用程序的渐进式Node.js框架。

ThinkJS

ThinkJS 是一款可以使用 ES6/7 特性开发项目的 Node.js 框架，使用 async/await 或者 */yield 彻底解决异步回调的问题。同时支持 TypeScript。

npm

npm 是 JavaScript package 管理工具，在这里可以找到可复用代码，并以强大的全新方式进行聚合

cnpm

淘宝提供的 npmjs.org 镜像

yarn

快速、可靠、安全的依赖管理。

pnpm

Fast, disk space efficient package manager

nodemon

监视node.js应用程序中的任何更改并自动重启服务器

pm2

构建久经考验的NODE.JS应用程序

CSS

Sass

世界上最成熟、最稳定、最强大的专业级CSS扩展语言！

Less

Less 扩充了 CSS 语言，增加了诸如变量、混合（mixin）、运算、函数等功能。 Less 既可以运行在服务器端（Node.js 和 Rhino 平台）也可以运行在客户端（浏览器）。

Stylus

富有表现力、动态、强大的CSS

PostCSS

PostCSS 是一个用 JavaScript 工具和插件转换 CSS 代码的工具

tailwindcss

无需离开您的HTML，即可快速建立现代网站。

CSS动画库

Spinkit

用CSS制作动画的加载loading。

Epic Spinners

loading，仅Css。易于使用。VueJS集成。

Hover.css

CSS3支持的悬停效果集合，可应用于链接、按钮、徽标、SVG、特色图像等。轻松应用于您自己的元素，修改或仅用于灵感。提供CSS、Sass等版本。

Animate.css

Animate.css是一个随时可用的跨浏览器动画库，可用于您的 Web 项目。非常适合强调、主页、滑块和注意力引导提示。

Animista

ANIMISTA 是一个您可以使用一系列预制 CSS 动画、调整它们并仅获取您将实际使用的动画的地方。

Magic

具有特殊效果的CSS3动画

状态管理

Mobx

简单、可扩展的状态管理

Redux

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。

Rematch

Rematch是没有boilerplate的Redux最佳实践。没有多余的action types，action creators，switch 语句或者thunks。

Vuex

官方提供的状态管理工具。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

代码风格检查

ESLint

可组装的 JavaScript 和 JSX 检查工具

Standard JS

JavaScript 代码规范，自带 linter & 代码自动修正

Stylelint

一个强大的，现代的代码检查工具，可以帮助您避免错误并在您的样式中强制执行约定。

Vue 风格指南

官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考

编译构建

webpack

webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换(transform)、打包(bundle)或包裹(package)任何资源(resource or asset)。

Parcel

极速零配置Web应用打包工具

Rollup

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。

Babel

Babel - 下一代 JavaScript 语法的编译器

TypeScript

TypeScript带来了可选的静态类型检查以及最新的ECMAScript特性。

Gulp

基于流(stream)的自动化构建工具。

Grunt

Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件，几乎任何你所要做的事情都可以用 Grunt 实现。

Lerna

Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。

Vite

下一代前端开发与构建工具

可视化工具

Threejs

JavaScript 3d 库

ECharts

ECharts 是一个功能强大的交互式图形和可视化浏览器库。

SpriteJS

SpriteJS 是跨平台的高性能图形系统，它能够支持web、node、桌面应用和小程序的图形绘制和实现各种动画效果。

AntV 蚂蚁数据可视化

AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

D3js

D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。

v-charts

基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。

highcharts

兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库

富文本&编辑器

UEditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

vue-quill-editor

基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用。

Simditor

一个简单快速的所见即所得编辑器

Draft.js

React的富文本编辑器框架

Simplemde

SimpleMode是一个简单、可嵌入且漂亮的JS标记编辑器

mavonEditor

mavonEditor-基于Vue的markdown编辑器，支持多种个性化功能

Monaco Editor

基于浏览器的代码编辑器

CodeMirror

CodeMirror是一个用 JavaScript 为浏览器实现的多功能文本编辑器。

wangEditor

Typescript 开发的 Web 富文本编辑器，轻量、简洁、易用、开源免费

TinyMCE

TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。

GIS&BIM

Cesium

是三维地理可视化的常用库，在大尺度的可视化（地形、建筑、地球）中十分常用。

Leaflet

用于移动友好交互地图的开源JavaScript库

mapbox

开发人员的地图和位置，精确的位置数据和强大的开发工具可以改变我们在世界上的导航方式。

openLayers

一个高性能、功能齐全的库，可满足您的所有映射需求。

百度地图 JS API

百度地图二维地图

百度地图 API GL

百度地图三维地图

高德地图 JS API

高德地图 JS API 是一套 JavaScript 语言开发的的地图应用编程接口，移动端、PC端一体化设计，一套 API 兼容众多系统平台。目前 JS API 免费开放使用。

谷歌地图 JS API

Overview | Maps JavaScript API | Google Developers

其他工具

西瓜视频播放器

一款带解析器、能节省流量的HTML5视频播放器

Chimee

支持 mp4、m3u8、flv 等多种格式，由奇舞团视频云前端组研发。可扩展的组件化H5播放器框架。

flv.js

用纯JavaScript编写的HTML5 Flash Video（FLV）播放器，不带Flash。

百度脑图

百度脑图，便捷的脑图编辑工具 - 控制创意，如此简单。让您在线上直接创建、保存并分享你的思路。免安装云存储易分享体验舒适功能丰富

Iconfont

Iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具

Carbon

代码展示-图片工具

fakeimg

Fakeimg.pl是一个使用URL生成图像的小工具。选择大小，颜色甚至文本。它是免费和开源的。

Staticfile CDN

免费、快速、开放的 CDN 服务，CDN 加速由七牛云提供。

Postman

Postman是一个用于构建和使用API的API平台。Postman简化了API生命周期的每个步骤，简化了协作，因此您可以更快地创建更好的API。

NProgress

纳米级进度条。以逼真的涓流动画为特色，让您的用户相信正在发生一些事情！

Nodemailer

Nodemailer是一个用于 Node.js 应用程序的模块，它允许像蛋糕一样轻松地发送电子邮件。

Day.js

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样。

Mock.js

生成随机数据，拦截 Ajax 请求

faker.js

在浏览器和node.js中生成大量虚假数据

Swiper

开源、免费、强大的触摸滑动插件。

fullPage.js

Alvaro的插件。快速、简单地创建全屏页面。单页滚动部分。鼠标捕捉。

html2canvas

使用JavaScript的屏幕截图

Draggabilly

使该元素可拖动

Odometer

轻松转换数字

Proton

Javascript粒子动画引擎

particles.js

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

Hyperledger Fabric

超分类帐结构旨在为开发具有模块化架构的应用程序或解决方案奠定基础。Hyperledger结构允许组件（如共识和会员服务）即插即用。其模块化和多功能设计满足广泛的行业用例。它提供了一种独特的达成共识的方法，可在保持隐私的同时实现大规模性能。

SortableJS

用于可重定向拖放列表的JavaScript库

jsPDF

用于生成PDF的领先HTML5客户端解决方案。完美的活动门票，报告，证书，你的名字！

BetterScroll

为移动端（已支持 PC）各种滚动场景提供丝滑的滚动效果。

PDF.js

是一个使用HTML5构建的可移植文档格式（PDF）查看器。

clipboard.js

将文本复制到剪贴板的现代方法，没有闪光。没有框架。只有3kb的Gzip

React Content Loader

该工具可以轻松创建动画骨架屏幕组件，取代通常的加载，为用户提供更好的体验，为页面提供线框，如内容和图像的占位符框。

SheetJS

电子表格简化的读取、编辑和导出电子表格在Office 365中受Microsoft信任的web浏览器和服务器中工作

Luckysheet

一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源

Squoosh

图片压缩

CSS Sprites Generator

css图片精灵

unDraw

svg插图

mescroll

精致的下拉刷新和上拉加载js框架. mescroll.js, 原生js, 支持vue, 不依赖jquery, zepto; mescroll-uni: 支持uni-app, 小程序, APP, H5; 一套代码多端运行: 完美运行于android,iOS,手机各浏览器,兼容PC端主流浏览器; 参数自由搭配,随心定制,轻松拓展; 主流APP案例,丰富经典