30+ Lightweight JavaScript Plugins and Libraries from 2016

There are tons of plugins and libraries created using JavaScript and some of them are quite handy too, but not without one big problem – they are way too heavy and usually bring down the performance. But, we have compiled this list of 30+ Lightweight JavaScript Plugins and Libraries from 2016 that are extremely useful and at the same time do not affect the performance of your website. These are exactly the kind of tools that the professional and amateur web designers and developers are looking for. Most of these tools are meant only to serve a specific purpose and they do it quite effectively and efficiently.

Just take a look at our collection and you will know how incredible they can be for a number of projects. Whether you want to create an image gallery, a slider, stylish menus, or any other interface element you can do that with amazing ease with these plugins and libraries. There are certain awesome functionalities you can add with these plugins such as GIF and image previews, attractive favicons, and so much more.

These plugins and libraries are very simply coded and quite easy to implement. You will definitely find them very useful for your web projects.

baguetteBox.js

baguetteBox.js is a simple and easy to use responsive image lightbox script with swipe gesture support on mobile devices. it has been written in pure JavaScript.

ScrollReveal

The ScrollReveal plugin makes it super-easy to create web page scroll animations for both desktop and mobile browsers.

Marginotes

Marginotes takes your jQuery selection and adds notes to the margin with the text provided in HTML attributes. If jQuery is not your thing, there’s also a version available without it.

Loud Links

Loud Links is a lightweight JavaScript library for adding interaction sounds to your website. It does this by creating an HTML5 audio element and using it to play MP3 or OGG audio files.

Bricks.js

Bricks.js is a ‘blazing fast’ masonry layout generator for fixed width elements.

MediumEditor

Written using vanilla JavaScript, MediumEditor is a lightweight (28kb) Medium.com WYSIWYG inline editor toolbar clone. There are also a selection of Mediumditor extensions and themes available.

Philter

Available as either a jQuery plugin or as vanilla JavaScript, the Philter gives you the means to control CSS filters with HTML attributes.

SuperEmbed.js

SuperEmbed.js is a JavaScript ibrary that detects embedded videos on webpages and makes them responsive.

Substance

Substance is a JavaScript library for web-based content editing. It gives you all of the tools you need for creating custom text editors and web-based publishing systems.

List.js

List.js is a lightweight and fast vanilla JavaScript script that adds search, sort, filters and flexibility to lists, tables, or anything HTML.

jqGifPreview

jqGifPreview is a simple jQuery plugin for creating GIF previews just like you see on Facebook.

Datedropper.js

Datedropper.js is a jQuery plugin that gives you a an easy way to manage dates for input fields.

jfMagnify

jfMagnify is a jQuery plugin that creates a magnify glass effect on any HTML element, not just images.

jQuery formBuilder

jQuery formBuilder is a new jQuery plugin for quick, drag & drop form creation.

Popper.js

Popper.js is a lightweight (4kb minified) library for managing poppers, tooltips and popovers. You can quickly and easily position tooltips with just a single line code.

Image Blur Plugin

Image Blur Plugin is a lightweight cross-browser jQuery plugin for blurring images.

InlineTweet.js

InlineTweet.js allows you to easily create tweetable links out of any text on a webpage. All you have to do is wrap the tweetable text in a container with data-inline-tweet.

iMissYou.js

iMissYou.js is a handy little jQuery plugin for changing the title & favicon of the page when the user moves away from your website.

SweetAlert2

SweetAlert2 is a beautiful and customizable replacement for JavaScript's popup boxes.

Turntable.js

Turntable.js is a responsive jQuery slider that will flip through a selection of images as your mouse moves across a container.

Force.js

Force.js is a JavaScript library that makes it simple to animate HTML elements and navigate around a web page.

Push.js

Push.js is a cross-browser solution for getting up and running with Javascript desktop notifications.

Bideo.js

Bideo.js is a JavaScript library that makes it very easy to add fullscreen background videos to web pages.

Microlight.js

Microlight.js is a lightweight code highlighting library, for any programming language, that greatly improves readability.

Algolia Places

Algolia Places is an easy way to use an address search autocomplete JavaScript library on your website.

flatpickr

Written in vanilla JavaScript, flatpickr is lightweight datetimepicker and calendar solution.

Slidebars

Slidebars is a jQuery Framework for adding off-canvas menus and sidebars to your website or web application.

anime.js

anime.js is a flexible and lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

Cleave.js

Cleave.js – Format your <input/> content when you are typing.

Skippr

Skippr is a super simple and lightweight slideshow plugin for jQuery.

iziModal.js

iziModal.js is an elegant, responsive, flexible and lightweight modal jQuery plugin.

Lightgallery.js

Lightgallery.js is a fully featured JavaScript lightbox gallery with no dependencies.