前端工具库

Javascript

工具

Underscore.js

一套完善的函数式编程的接口，更方便地在JavaScript中实现函数式编程

https://underscorejs.org/

fastclick

用于消除物理点击和click移动浏览器上事件触发之间的 300 毫秒延迟

https://github.com/ftlabs/fastclick

Lodash

一致性、模块化、高性能的 JavaScript 实用工具库

https://lodash.com/

crypto-js

加密标准的 JavaScript 库。

https://github.com/brix/crypto-js

zxcvbn

JavaScript密码强度估算库

https://github.com/dropbox/zxcvbn

zxcvbn-ts

支持Typescript的密码强度估算库

https://github.com/zxcvbn-ts/zxcvbn

clipboard.js

将文本复制到剪贴板的轻量级JS 库

https://clipboardjs.com/

tesseract.js

Javascript的OCR引擎，在浏览器离线识别图片中的文字

https://tesseract.projectnaptha.com/

number-precision

小而快的库，用于精确地进行加法、减法、乘法和除法运算

https://github.com/nefe/number-precision

fingerprintjs

具有高准确度和稳定性的浏览器指纹库

https://fingerprint.com/

ViteShot

基于Vite的快速简单的截图工具。

https://viteshot.com/

Valine

快速、简洁且高效的无后端评论系统

https://valine.js.org/

cnpm

淘宝提供的一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步

https://npmmirror.com/

yarn

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

https://yarnpkg.com/

responsively-app

一种改进的 Web 浏览器，有助于响应式 Web 开发。Web 开发人员必须拥有开发工具

https://responsively.app/

javascript-obfuscator

功能强大的免费 JavaScript 混淆器，包含多种功能，可为源代码提供保护

https://obfuscator.io/

Nano ID

小巧的、安全的、URL 友好的、独特的 JavaScript 字符串 唯一 ID 生成器

https://zelark.github.io/nano-id-cc/

spy-debugger

一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备

https://responsively.app/

fuite

用于查找 Web 应用程序中的内存泄漏的工具

https://github.com/nolanlawson/fuite

qs

查询字符串解析和字符串化库

https://github.com/ljharb/qs

js-cookie

用于处理 cookie 的简单、轻量级 JavaScript API

https://github.com/js-cookie/js-cookie

tinymce

排名第一的可定制、可扩展和灵活的富文本编辑器

https://www.tiny.cloud/

html2canvas

允许在用户浏览器上对网页或其部分进行“截图”

https://html2canvas.hertzen.com/

shepherd

引导用户浏览您的应用

https://shepherdjs.dev/

tinykeys

极小的键盘事件监听库

https://jamiebuilds.github.io/tinykeys/

ag-grid

用于构建企业应用程序的最佳 JavaScript 数据表

https://www.ag-grid.com/

tui.calendar

功能齐全的 JavaScript 日程表

https://ui.toast.com/tui-calendar

screenfull

用于跨浏览器使用 JavaScript Fullscreen API 的简单包装器

https://sindresorhus.com/screenfull/

Fuse.js

JavaScript 中的轻量级模糊搜索

https://fusejs.io/

i18next

用于浏览器或任何其他 javascript 环境（例如 Node.js、Deno）的国际化框架

https://www.i18next.com/

JsBarcode

适用于 Web 和 Node.js 的易于使用但功能强大的条形码生成器

https://lindell.me/JsBarcode/

path-to-regexp

将 /user/:name 等路径字符串转换为正则表达式

https://github.com/pillarjs/path-to-regexp

await-to-js

异步等待包装器，无需 try-catch 即可轻松处理错误

https://blog.grossman.io/how-to-write-async-await-without-try-catch-blocks-in-javascript/

md5

用 MD5 散列消息的 JavaScript 函数

https://github.com/pvorb/node-md5

mitt.js

它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，替代EventBus

https://npm.im/mitt

js-spark-md5

MD5 算法的快速 md5 实现

https://github.com/satazor/js-spark-md5

nano

小型（130 字节）、安全、URL 友好、唯一的 JavaScript 字符串 ID 生成器

https://zelark.github.io/nano-id-cc/

jsPDF

用 JavaScript 生成 PDF

https://parall.ax/products/jspdf

ua-parser-js

从User-Agen中检测浏览器、引擎、操作系统、CPU 和设备类型/型号，占用空间相对较小（压缩后约 17KB，压缩后约 6KB），支持浏览器和 node.js 环境

http://faisalman.github.io/ua-parser-js/

togetherjs

网站添加实时协作功能的JavaScript库，两个人可以在同一页面上进行交互，查看彼此的光标、编辑并一起浏览网站

https://togetherjs.com/

Clusterize.js

开源的长列表渲染库，轻量级的原生大数据量展示

https://clusterize.js.org/

crypto-js-wasm

加密标准的 javascript 库，比 crypto-js快16 倍

https://github.com/originjs/crypto-js-wasm

pdfkit

用于 Node 和浏览器的 JavaScript PDF 生成库

http://pdfkit.org/

zx

使用js编写更便捷shell脚本

https://www.npmjs.com/package/zx

NProgress.js

适用于应用程序的进度条，受 Google、YouTube 和 Medium 的启发

https://ricostacruz.com/nprogress/

可视化

highlight.js

JavaScript 语法高亮器，具有语言自动检测和零依赖项

https://highlightjs.org/

Drawflow

创建简单的流程库

https://jerosoler.github.io/Drawflow/

tui.image-editor

HTML5 Canvas 的全功能图像编辑器。它易于使用并提供强大的过滤器

https://ui.toast.com/tui-image-editor

viewerjs

JavaScript 图像查看器

https://fengyuanchen.github.io/viewerjs/

prism.js

轻量级、健壮、优雅的语法高亮库

https://prismjs.com/

fabric.js

功能强大且简单的 Canvas库，轻松处理 HTML5 画布元素。是画布元素之上的交互式对象模型，也是一个SVG-to-canvas 解析器

http://fabricjs.com/

fullPage.js

用于创建全屏滚动网站（也称为单页网站或一页网站），并在该网站的各个部分内添加横向滑块

https://alvarotrigo.com/fullPage/

opentype.js

OpenType 和 TrueType 字体解析器和编写器。它允许您从浏览器或 node.js访问文本的字母形式

https://opentype.js.org/

icones.js

具有即时搜索功能的图标资源管理器，由 Iconify 提供支持

https://icones.js.org/

reveal.js

创建功能齐全且精美的演示文稿

https://revealjs.com/

carbon

创建和共享源代码的精美图像

https://carbon.now.sh/

lucky-canvas

基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件， 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等

https://100px.net/

Darkmode.js

在几秒钟内为您的网站添加暗模式/夜间模式

https://darkmodejs.learn.uno/?_360safeparam=8406218

ECharts

强大的交互式图表和浏览器数据可视化库

https://echarts.apache.org/zh/index.html

PixiJS

使用最快，最灵活的2D WebGL渲染器创建精美的内容

https://pixijs.com/

AntV - G2

数据驱动，高度易用，可扩展的可视化图形语法。

https://g2plot.antv.vision/zh/

ApexCharts.js

基于SVG的JavaScript图表库，可使用简单的API构建交互式图表和可视化文件

OpenLayers

高性能，功能丰富的库，用于在Web上创建交互式地图。它可以显示从任何网页上的任何来源加载的地图图块，矢量数据和标记

https://openlayers.org/

Two.js

面向现代Web浏览器的二维绘图api，渲染不可知实现相同的API在多种环境中得出：svg，canvas，和webgl

https://two.js.org/

Paper.js

基于HTML5 Canvas的矢量图形的图形库

http://paperjs.org/

Panolens.js

事件驱动的基于WebGL的全景查看器。轻巧而灵活。它建立在Three.JS之上

https://pchen66.github.io/Panolens/

A-Frame

用于构建 3D/AR/VR 体验的 Web 框架

https://aframe.io/

mermaid-js

以与 Markdown 类似的方式从文本生成图表和流程图

https://mermaid-js.github.io/mermaid/

mo · js

为网站添加基于JavaScript的动态图形

https://mojs.github.io/

trianglify

Javascript 库，用于创建独特的、美观的三角形图案

http://qrohlf.com/trianglify/

Babylon.js

能强大、美观、简单、开放的游戏和渲染引擎

https://www.babylonjs.com/

Oasis Engine

高性能 Web 蚂蚁图形引擎

https://oasisengine.cn/

Butterfly

基于JS的数据驱动的节点式编排组件库

https://butterfly-dag.gitee.io/butterfly-dag/home

image-optimizer

使用 Electron、Vue 和 Vite 用于优化图像和矢量图形的免费开源工具

https://github.com/antonreshetov/image-optimizer

Sketchfab

需任何插件即可在Web页面里嵌入交互式3D模型

https://sketchfab.com/

vConsole

用于移动网页的轻量级、可扩展的前端开发工具

https://github.com/Tencent/vConsole

swiper

免费且最现代的移动触摸滑块，具有硬件加速过渡和惊人的原生行为

https://swiperjs.com/

Slidev

面向开发人员的演示幻灯片

https://sli.dev/

konva

HTML5 Canvas JavaScript 框架，它支持桌面和移动应用程序的高性能动画、过渡、节点嵌套、分层、过滤、缓存、事件处理等等

https://konvajs.org/

p5.j​​s

开源的JavaScript可视化库，processing的js实现版本

https://p5js.org/zh-Hans/

cesium

用于世界级 3D 地球仪和地图的开源 JavaScript 库

https://cesium.com/platform/cesiumjs/

driver.js

一个轻量级、无依赖的用户引导组件

https://kamranahmed.info/driver.js/

vanilla-tilt.js

平滑的 3D 倾斜 JavaScript 库

https://micku7zu.github.io/vanilla-tilt.js/index.html

parallax.js

对智能设备的方向引擎响应的视差

http://matthew.wagerfield.com/parallax/

signature_pad

基于 HTML5 canvas 的平滑签名绘制

http://szimek.github.io/signature_pad/

compressorjs

JavaScript 图像压缩器

https://fengyuanchen.github.io/compressorjs/

eva.js

用于创建交互式游戏项目的前端游戏引擎

https://eva.js.org/

d3

基于数据来操作文档的JavaScript库

https://d3js.org/

动画插件

countUp.js

无依赖项的轻量级Javascript类，可用于快速创建以更有趣的方式显示数字数据的动画

https://inorganik.github.io/countUp.js/

impress.js

CSS3 转换和过渡的强大功能的演示框架

https://impress.js.org/

Anime.js

轻量级的 JavaScript 动画库，具有简单而强大的 API

https://animejs.com/

tween.js

用于简单动画的 JavaScript 补间引擎，包含优化的 Robert Penner 方程

http://tweenjs.github.io/tween.js/

Popmotion

制作数字、颜色和复杂字符串的动画。该库的主要动画功能只有5kb左右，整个库的容量在12kb左右

https://popmotion.io/

Typed.js

打字动画库

https://mattboldt.com/demos/typed-js/

vivus.js

在 SVG 上制作绘图动画的 JavaScript 库

https://maxwellito.github.io/vivus/

ScrollReveal

在元素滚入或滚出视口时为其制作动画

https://scrollrevealjs.org/

canvas-confetti

按需 五彩纸屑

https://catdad.github.io/canvas-confetti/

GSAP

强大的 JavaScript 工具集，构建适用于所有主流浏览器的高性能动画。动画 CSS、SVG、画布、React、Vue、WebGL、颜色、字符串、运动路径、通用对象

https://greensock.com/

lax.js

轻量级（<4kb gzipped）香草 JavaScript 库，可在您滚动时创建流畅美观的动画

https://github.com/alexfoxy/lax.js

animxyz

AnimXYZ 可帮助您为您的网站创建、自定义和组合动画

https://animxyz.com/

svg.js

用于操作和动画 SVG 的轻量级库

https://svgjs.dev/docs/3.0/

zdog

用于画布和 SVG 的扁平、圆形、设计师友好的伪 3D 引擎

https://zzz.dog/

dynamics.js

用于创建基于物理的动画的 JavaScript 库

http://dynamicsjs.com/

Proton

Javascript粒子动画库

https://drawcall.github.io/Proton/

文件操作

SheetJS

可读取和导出excel的工具库，功能强大，支持格式众多，支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式

https://sheetjs.com/

revogrid

具有高级定制功能的强大虚拟数据表格

https://revolist.github.io/revogrid/

FileSaver.js

客户端保存文件的解决方案

https://eligrey.com/blog/saving-generated-files-on-the-client-side/

jszip

使用 Javascript 创建、读取和编辑 .zip 文件

https://stuk.github.io/jszip/

Print.js

帮助从网络打印的小型 javascript 库

https://printjs.crabbly.com/

mammoth.js

将 Word 文档（.docx 文件）转换为 HTML

https://github.com/mwilliamson/mammoth.js

StreamSaver.js

直接异步将流写入文件系统，适合大文件下载

https://jimmywarting.github.io/StreamSaver.js/example.html

PDF.js

使用 HTML5 构建的可移植文档格式 (PDF) 查看器

https://github.com/mozilla/pdf.js

pdfmake

用于服务器端和客户端的 PDF 文档生成库

http://pdfmake.org/

pdf-lib

在任何 JavaScript 环境中创建和修改 PDF 文档

https://pdf-lib.js.org/

uppy

JavaScript 文件上传器

https://uppy.io/

音视频

moovie.js

专注于电影的 HTML5 播放器

https://mooviejs.com/

meyda.js

JavaScript 音频特征提取库

https://meyda.js.org/

howler.js

Javascript 音频库

https://howlerjs.com/

flv.js

HTML5 FLV 播放器

https://github.com/Bilibili/flv.js/

plyr

HTML5、YouTube 和 Vimeo 播放器

https://plyr.io/

xgplayer 西瓜播放器

网络视频和音频播放器库

https://h5player.bytedance.com/

hls.js

可在支持 MSE 的浏览器中播放 HLS

https://hls-js.netlify.app/demo/

智能化

tensorflow.js

用于在浏览器和 Node.js 训练和部署机器学习模型

https://tensorflow.google.cn/

face-api.js

用于在浏览器和 nodejs 中使用 tensorflow.js 进行人脸检测和人脸识别的 JavaScript API

https://github.com/justadudewhohacks/face-api.js/

tracking.js

将不同的计算机视觉算法和技术引入浏览器环境。通过使用现代HTML5规范，我们使您能够进行实时颜色跟踪，人脸检测等

https://trackingjs.com/

pose-animator

识别出人类的表情变化和肢体动作，并将其映射到2D矢量图型上

https://github.com/yemount/pose-animator

ar-cutpaste

手机上预装工具，对着目标物体拍摄，即可将图像复制粘贴进 Photoshop

https://github.com/cyrildiagne/ar-cutpaste

imgcook

专注以 Sketch、PSD、静态图片等形式的视觉稿作为输入，通过智能化技术一键生成可维护的前端代码

https://www.imgcook.com/

nsfwjs

帮助快速识别不合时宜的图像

https://nsfwjs.com/

编辑器

Vditor

Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式，由 TypeScript 实现，支持原生 JavaScript、Vue、React、Angular，提供桌面版

https://b3log.org/vditor/

monaco-editor

为VS Code提供支持的代码编辑器

https://microsoft.github.io/monaco-editor/

bytemd

用 Svelte 构建的 Markdown 编辑器组件。它也可以用于其他库/框架，例如 React、Vue 和 Angular

https://bytemd.netlify.app/

wangEditor

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

https://www.wangeditor.com/

mavonEditor

Markdown 编辑器，支持多种个性化功能

http://www.mavoneditor.com/

quill

API 驱动的富文本编辑器

https://quilljs.com/

codemirror5

浏览器内代码编辑器

https://codemirror.net/

marked

用于解析 Markdown 的编译器

https://marked.js.org/

tiptap

完全控制文本编辑器体验。它是可定制的，带有大量扩展，是开源的，并且有大量的文档

https://tiptap.dev/

2D 3D

dat.gui

在 JavaScript 中更改变量的轻量级图形用户界面

https://github.com/dataarts/dat.gui

Three.js

易于使用、轻量级、跨浏览器的通用 3D 库

https://threejs.org/

Draco 3D

缩和解压缩 3D 几何网格和点云。它旨在改进 3D 图形的存储和传输

https://google.github.io/draco/

stats.js

JavaScript 性能监视器

http://mrdoob.github.io/stats.js/

matter-js

一个用于 web 的 JavaScript 2D 物理引擎

https://brm.io/matter-js/

Oimo.js

用于 javascript 的轻量级 3d 物理引擎，是OimoPhysics

的完整 javascript 转换

http://lo-th.github.io/Oimo.js/#basic

ammo.js

使用 Emscripten 将 Bullet 物理引擎直接移植到 JavaScript

https://github.com/kripken/ammo.js