There are many web designers and developers prefer to use a JavaScript development of plug-ins and libraries, but at the same time faced with a distressing problem: most of them it is too cumbersome and often degrade the performance of the site. In fact, of which there are many lightweight plug-ins and libraries, they are not only lightweight and useful and will not affect the performance of the site. In this paper, for everyone to put together a list of 30 since 2016, a variety of lightweight Javascript libraries and plug-ins, these tools serve a particular target, and they can be very effective and efficient implementation of goals.
Whether you want to create a photo gallery, a slide effect, personalized menus or other interface elements, you can use these plug-ins and libraries to achieve easily. At the same time, you can also use these plug-ins for the site to increase outstanding features, such as GIF and image previews, and other attractive site icon.
These plug-ins and libraries are very simple code and can be easily achieved. You doubtless will find them useful for your Web project.
BaguetteBox.js 0
baguetteBox.js response is a simple to use box-type image effect script, but also on mobile devices support swipe gestures used completely written in Javascript. (Approximately 2.7KB after compression)
DEMO：https://feimosi.github.io/baguetteBox.js/
ScrollReveal 1
ScrollReveal plug-in that makes it super easy to create web page scrolling animated desktop and mobile browsers (approximately 3.3KB after compression)
Please open yourself to feel the DEMO page animation. :)
DEMO：https://scrollrevealjs.org/
Marginotes 2
Marginotes, implemented using jQuery plug-ins add marginal notes, fast, cool.
DEMO：http://francisco.dance/
3 Loud Links
LoudLinks是一个轻量级的JavaScript库用于添加交互声音到您的站点。它通过创建HTML5音频元素并用它来播放MP3或OGG音频文件来实现这个功能。（约1.5KB）
还是烦请各位打开下面的链接感受一下效果。： ）
DEMO：http://loudlinks.rocks/#examples
4 Bricks.js
Bricks.js，是一款超快的用于固定宽度元素的“砖石”布局生成器
可以在DEMO页面输入所需的砖块个数，查看生成的效果（每次都会随机变化）
DEMO：http://callmecavs.com/bricks.js/
5 MediumEditor
MediumEditor，使用了Vanilla Javascript框架。MediumEditor是一个轻量级的（28KB）仿Medium.com的所见即所得在线编辑器工具栏。还有一个可用的MediumEditor扩展和主题。
DEMO：https://yabwe.github.io/medium-editor/
6 Philter
Philter可以让你通过使用HTML属性控制CSS滤镜，使用它之后，当你将光标移动到图片上的时候，图片上会加载CSS滤镜。无论是作为jQuery插件还是Vanilla Javascript框架都可用。
DEMO：http://specro.github.io/Philter/
7 SuperEmbed.js
SuperEmbed.js是一个Javascript库，可检测出网页上的内嵌视频并使他们能够变成响应式元素（压缩后约1.6KB）
DEMO：https://jsfiddle.net/h6x04LuL/
8 Substance
Substance是一个基于Web的内容编辑JavaScript库。它给你提供所有你需要用于创建自定义编辑器和基于Web的发布系统的工具。
DEMO：http://substance.io/
9 List.js
List.js是一个轻量级的和快速的Vanilla JavaScript框架脚本，为列表、表格或其他任何HTMLL标签增加了搜索，排序，过滤器和灵活性等元素
DEMO：http://www.listjs.com/
10 jqGifPreview
jqGifPreview是一个简单的jQuery插件，用于创建GIF预览，就像你在Facebook上看到的。
DEMO：http://demo.sodhanalibrary.com/angular/gif_preview/jqGifPreview/demo.html
11 Datedropper.js
Datedropper.js是一个jQuery插件，为您提供了一种简单的方法用于在输入区域输入日期。
DEMO：http://felicegattuso.com/projects/datedropper/
12 jfMagnify
jfMagnify是一个jQuery插件用于在任何HTML元素创建放大镜效果，不仅仅是图像。
DEMO：https://github.com/fonstok/jfMagnify/tree/master/demo
13 jQuery formBuilder
jQuery formBuilder是一个新的jQuery插件，可通过拖放的方式快速生成表格
DEMO：https://formbuilder.online/
14 Popper.js
Popper.js是一个轻量级的库用于管理工具提示和弹窗效果。你可以快速轻易地使用一行代码放置工具提示控件。（压缩后约4KB）
DEMO：https://popper.js.org/
15 Image Blur Plugin
Image Blur Plugin是一个轻量级的跨浏览器jQuery插件，用于生成图像模糊效果
DEMO：https://msurguy.github.io/background-blur/
16 InlineTweet.js
InlineTweet.js，你可以通过它轻易地用网页上的任何文字创建一个推特链接。你所需要做的是用data-inline-tweet将推特文字包裹到一个容器
可以点击DEMO，体验该插件的效果
DEMO：http://ireade.github.io/inlinetweetjs/
17 iMissYou.js
iMissYou.js是个轻便小巧的jQuery插件用于当用户离开你的网页时，改变网页的标题和图标
18 SweetAlert2
SweetAlert2是一个颜值很高而且可以自定义的警告弹出窗口插件，可以代替Javascript的弹出窗口
DEMO：https://limonte.github.io/sweetalert2/
19 Turntable.js
Turntable.js是一个响应式的jQuery滑块插件，会在当你的鼠标(或手指)扫过一个存放了一批图片的容器时产生翻转效果
DEMO：http://polarnotion.github.io/turntable/
20 Push.js
Push.js是一个跨浏览器的Javascript桌面通知插件
DEMO：http://nickersoft.github.io/push.js/
21 Bideo.js
Bideo.js是一个Javascript库，能非常轻易添加全屏背景视频到网页
DEMO：https://rishabhp.github.io/bideo.js/
22 Microlight.js
Microlight.js是一个轻量级的代码高亮库，适用于任何编程语言，这大大提高了代码可读性（约2.2KB）
DEMO：https://asvd.github.io/microlight/
23 Algolia Places
Algolia Places是一个Javascript库，能让你在网页轻易实现搜索栏自动完成功能
DEMO：https://community.algolia.com/places/
24 flatpickr
flatpickr基于vanilla Javascript框架，是一个轻量级的日期标记和日历插件
DEMO：https://chmln.github.io/flatpickr/
25 Slidebars
Slidebars是一个jQuery框架，用于为你的网页或web应用添加off-canvas菜单和侧边栏
DEMO：https://www.adchsm.com/slidebars/
26 anime.js
anime.js是一个灵活轻便的JavaScript动画库。它通过CSS，独立变换，SVG，DOM属性和JS对象实现。这个GIF没有表现出它真正的效果，大家可以访问主页看一下，动画相当酷炫。
DEMO：http://codepen.io/collection/XLebem/
27 Cleave.js
Cleave.js会在你输入时格式化你的<input/>标签里面的内容
DEMO：http://nosir.github.io/cleave.js/
28 Skippr
Skippr是一个超级简单的jQuery轻量级幻灯片插件
DEMO：http://austenpayan.github.io/skippr/
29 iziModal.js
iziModal.js是一个优雅的，响应式的，灵活和轻便的jQuery插件。
DEMO：http://izimodal.marcelodolce.com/
30 Lightgallery.js
Lightgallery.js是一个功能齐全的JavaScript图像灯箱插件，没有任何依赖。
DEMO：https://sachinchoolur.github.io/lightgallery.js/ && https://codepen.io/sachinchoolur/pen/qNyvGW
来自：dzineship.com