前端开发常用工具包，欢迎大家评论补充

组件类

• nprogress 进度条组件
• ElasticProgress; 进度条组件
• CircularProgressButton Button进度条组件
• sweetalert 模态框组件
• flatpickr 日历组件
• tui.calendar 一个完整的JavaScript日程日历组件（支持日程）
• slideout.js 侧边导航栏组件
• emojis 表情插件
• clipboardjs 复制小插件
• dropzonejs 拖放文件上传和图像预览
• loading 各种loading样式
• placeholder-loading 纯css实现的loading占位(实现骨架屏)
• react-color 拾色器组件
• viewerjs JavaScript image viewer

音视频类

• soundmanager2 Audio插件
• flv.js 视频播放插件
• music collection 音频播放插件集合
• video.js Video

时间处理类

• fecha 时间格式化库
• dayjs 时间处理

编辑器类

• ace 一个用JavaScript编写的独立代码编辑器
• quilljs 富文本编辑器
• ckeditor 富文本编辑器
• simditor 富文本编辑器
• pell 富文本编辑器
• tinymce 富文本编辑器(有对应的Vue，React，Angular集成版本)
• wangEditor 富文本编辑器

markdown

• showdownjs markdown 转 html
• remark markdown 转 html
• marked markdown 转 html
• turndown html 转 markdown
• h2m html 转 markdown

拖拽相关

• dragula 拖拽插件
• draggable 拖拽插件
• react-dnd 基于react的拖拽插件
• react-beautiful-dnd 基于react的拖拽插件
• Sortable 【github start 2w+】

特效

• particles.js 粒子库
• pagePiling.js 全屏滚动
• fullpage.js 全屏滚动
• typed.js 实现打字效果展示特效

动画相关

• scrollreveal ScrollReveal是一个JavaScript库，用于在元素进入/离开视口时轻松对其进行动画处理
• popmotion 动画库
• anime 动画库
• pixi.js 2D sprite渲染引擎
• tween-one 基于react的动画库
• react-transition-group 动画库其他

数字

• bignumber 大数相加和数字格式化

UI框架

• front-end-frameworks UI 框架汇总

Node

• chokidar 文件监控
• cross-env 设置命令行参数(跨平台)
• commander.js
• npm-run-all 用于并行或串行运行多个npm脚本的CLI工具。
• Inquirer.js 一组通用的交互式命令行用户界面
• anywhere 随启随用的静态文件服务器
• qs 请求参数stringfy和解析
• signale 可扩展的日志记录器
• yapi YApi 可视化接口管理平台 可以自己部署内网
• http-proxy-middleware 代理插件
• json-server Get a full fake REST API with zero coding in less than 30 seconds
• lowdb Small JSON database for Node, Electron and the browser
• node-mkdirp 递归创建目录
• carbon 生成漂亮的代码图片
• KaTeX 网络上最快的数学排版库
• shelljs Node 命令行工具
• chalk 服务器端美化命令行工具
• ora 优雅的终端转轮

调试工具

• browsersync 可以实现多手机同时测试，不需要在一台手机上执行一遍，换一台手机又执行一遍
• spy-debugger 一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备。

评论

• gitment 基于GitHub issue 的评论库 貌似不维护了
• gitalk 基于GitHub issue 的评论库
• vssue 基于GitHub issue 的评论库

文件相关

• sheetjs 表格解析编辑
• StreamSaver.js StreamSaver.js 流下载大文件
• FileSaver.js 文件下载
• jszip 一个用JavaScript创建、读取和编辑.zip文件的库
• papaparse CSV解析
• viewerjs pdf 表格 在线预览
• pdf.js pdf解析和渲染
• react-pdf Display PDFs in your React app as easily as if they were images

实用

• Formily 复杂表单解决方案
• cleave.js 实时格式化输入
• keycodes 获取按键键值
• parallax 智能设备的方向作出反应
• waypoints Waypoints是一个库，它可以使您在滚动到元素时轻松地执行函数
• imagesloaded Detect when images have been loaded
• waitForImages 判断页面图片是否加载完毕
• html2canvas 可以用来实现网页截屏

SVG

• svgo 优化SVG矢量图形文件

加密

• crypto-js JavaScript加密标准库

图片

• image-conversion is a simple and easy-to-use JS image convert tools, which provides many methods to convert between Image,Canvas,File and dataURL
• viewerjs 图片预览

模板引擎

• doT
• mustache mustache
• handlebars handlebars

自动化测试

• cypress Fast, easy and reliable testing for anything that runs in a browser

工程化

• gts Google's TypeScript style guide 自动生成 程序
• jenkins-api Node Jenkins API
• prom-client Node Prometheus Client SDK
• jira-client jira-node-client

安全相关

• helmet 通过设置各种HTTP头信息来帮助您保护Express应用
• DOMPurify 针对dom的、超快的、超宽容的XSS杀毒器 react native
• react-native-view-shot 截图
• react-native-linear-gradient 渐变
• react-native-datepicker 日期选择组件
• react-native-svg-uri svg
• react-native-image-crop-picker 图片选择器
• react-native-view-shot 截取View组件 可以实现截屏功能
• pushy 热更新方案
• react-native-code-push 热更新方案

其他

• shepherd 新手指引
• bowser 浏览器版本嗅探工具
• tether 使用固定定位来创建相关元素
• async-validator 字段验证
• joi The most powerful schema description language and data validator for JavaScript
• Clamp.js 多行文本溢出显示省略号
• keymaster 定义和分配键盘快捷键
• classnames A simple JavaScript utility for conditionally joining classNames together.
• Clusterize.js 解决长列表渲染的无限滚动插件
• color 颜色转换
• better-scroll BetterScroll是一个旨在解决移动端滚动情况的插件
• lambda-view 读源码利器
• patch-package node_modules 源码改动
• react-intersection-observer 判断元素是否进入或者离开Viewport React版
• vue-observe-visibility 判断元素是否进入或者离开Viewport Vue版