awesome-javascript

[Meqn]

• awesome-js
• awesome-javascript

目录

• node.js
• JS & jQuery
• CSS
• UI库
• Vue.js@2x
• awesome-canvas
• 文件在线预览

---

• 浏览器扩展库
• 小程序组件

[Meqn]

JS & jQuery

• fullcalendar : Full-sized drag & drop event calendar
• SpreadJS SpreadJS - 纯前端表格控件|可嵌入系统开发的在线Excel
• html2canvas : 截屏整个或部分页面
• parallax/jsPDF : 客户端生成PDF
• @popperjs : 扩展性较好的tooltips

安全

• DOMPurify 过滤(HTML/MathML/SVG)恶意代码，防止XSS。

格式化

• Numeral.js : 格式化和处理数字的javascript库
• currency.js : 用于处理货币的JavaScript库
• cleave.js : 格式化输入框内容

图片编辑

• tui.image-editor
• filerobot-image-editor
• darkroomjs
• miniPaint
• editor.js

在线批注

• annotorious
• 图像标记 markerjs2

绘图

• 二维绘图库 - two.js

画板

• roughjs - 创建手绘板
• excalidraw
• drauu - SVG画板

灯箱/画廊

• lightGallery : 可定制，响应的，灯箱画廊插件
• Fancybox : 响应式灯箱效果

拖动

• panZoom

动画

• awesome-web-animation 动画库收集
• lottie 在 Web、Android 和 iOS 以及 React Native 上原生渲染 After Effects 动画。
• Rive 构建可在任何地方运行的交互式动画

---

• GSAP 全功能滚动动画库。
• scrollreveal 元素滚动到视图中时的动画处理。
• anime.js JS动画引擎
• barba.js 在网站页面之间创建流畅、平滑的过渡效果。
• mojs web动态图形工具
• typed.js 一个动画打字库
• rough-notation 在网页上创建手绘注释并制作动画
• popmotion 强大的动画工具箱。
• vivus在 SVG 上制作绘图动画
• Velocity 一个动画引擎，具有彩色动画、变换、循环、舒缓、SVG支持和滚动。

[Meqn]

CSS

[Meqn]

UI

[Meqn]

Vue

工具

• vue-clickaway 、 v-click-outside : 点击元素本身以外的区域的Vue指令
• vuetifyjs/directives/click-outside
• v-mask Tiny input mask library 输入自动格式化
• vue-scrollama 可轻松设置滚动驱动的交互（又称滚动讲演）
• vue-qrcode-reader Vue二维码阅读器
• vuedraggable 基于 Sortable.js 实现的vue拖拽插件
• vuex-persistedstate vuex状态持久化
• vue-clipboard2 : A simple vuejs 2 binding for clipboard.js

生成器

• JakHuang/form-generator : Element UI表单设计及代码生成器
• vue-form-making : 基于 vue 和 element-ui 实现的可视化表单设计器

图片编辑器

• vue-fabric-editor : 基于Fabri图片编辑器，针对海报、图片编辑场景

表单

• vee-validate 表单验证
• davidroyer/vue2-editor : A text editor using Vue.js and Quill

日历

• TangSY/vue-hash-calendar 移动端日期，支持上下左右模式切换
• UncleSunnyWen/vue-calendar : 仿钉钉日历,支持农历;支持周月模式及左右滑动
• zwhGithub/vue-calendar ：仿钉钉考勤组件
• fullcalendar-vue : Full-sized drag & drop event calendar

布局

• vue-grid-layout 类似于Gridster的栅格布局系统，支持拖动响应式等，类似

提示

• vue-toastification 提示条通知组件
• vue-tour 可自定义的新手指引插件

图形

• troisjs 基于Vue 3.0的Three.js上面的一个包装器
• vue-flow 可定制流程图组件

轮播图

• lukaszflorczak/vue-agile : A carousel component for Vue.js

拖拽

• vue-draggable-plus : 支持 Vue2 和 Vue3 的拖拽组件

[Meqn]

node.js

• awesome-nodejs Node.js 资源列表，内容包括：命令行工具、日志、调试、HTTP、构建工具、文件系统、模板、Web 框架、流程控制、文本、图片和数据校验等。

---

其他

• Cytoscape.js 可视化和图形分析，也可用于命令行
• pdfkit 基于 Node 的 PDF 生成库
• sheetjs 处理 Excel 电子表格，可导出表格、转换HTML和JSON为xlsx文件

数据库

• TypeORM ORM for TypeScript and JavaScript.
• prisma Next-generation ORM for Node.js & TypeScript
• sequelize 一个基于promise的成熟的Node.js ORM
• Mongoose 用于MongoDB的流行且维护良好的Node.js对象建模工具
• Knex.js 一个SQL查询生成器（不是ORM），支持多个数据库，并包括事务支持，连接池和流接口等功能。

图像处理

• jimp 为 Node 编写的图像处理库

[Meqn]

文件预览

💎 表示 付费

PDF在线预览&批注

• @pdftron/pdfjs-express 💎

• pspdfkit PDF 查看、注释、编辑工具、数字签名、编辑和 PDF 表单填写集 💎

• ej2 - PDF Viewer 、github PDF在线预览、批注 💎

• @grapecity/gcpdfviewer PDF 查看器和编辑器 💎

• pdf.js 阅读器

• pdfjs-annotate 注释层

• @recogito/recogito-js 文本注释的库

• @recogito/annotorious 图像注释库

• annotpdf - PDF创建注释

• react-pdf 预览器

• React PDF annotation

---

• jspdf - PDF生成器
• PDFKit - PDF 生成库
• pdfjs - PDF 生成库
• PDF 文档生成库
• React - 创建PDF

文档在线预览

• @pdftron/WebViewer supporting PDF, Office, CAD, images, videos 💎
• pspdfkit 💎

[Meqn]

3D模型

3D预览

• WebGi SDK - A 3D Model Viewer framework focused on photo‑realistic rendering and developer ease💎
• threepipe - 基于 three.js 构建的 3D 查看器框架，重点关注渲染、模块化和可扩展性。

[Meqn]

浏览器扩展

开发框架

• wxt - 类似 Nuxt，但适用于 Chrome 扩展的框架
• extension.js - 零配置、跨浏览器扩展开发工具。
• plasmo - 浏览器扩展的 Next.js

[Meqn]

小程序组件

• @lspriv/wx-calendar - 微信小程序日历
• 微信小程序日历