Top 50 Lightweight JavaScript Plugins & Libraries from 2016

All released this year, the free JavaScript plugins and libraries on this page all offer a straightforward and specific function. There are no bloated all-in-one frameworks. Just useful, lightweight and problem-solving solutions to help make the web design and development process much easier and quicker for you.

As you would expect, there are plugins below for creating sliders, image galleries, responsive menus, modal windows, and many other common components. But you will also find plugins that offer a truly unique functionality, like sidebar margin notes, GIF previews, animated favicons, and much, much more.

Choreographer-js

Choreographer-js is a simple library to take care of complicated animations.
Choreographer-js free javascript

Leaflet.js

Leaflet.js is a JavaScript library for interactive maps.
Leaflet.js free javascript

Lory

Lory is a touch enabled minimalistic slider written in vanilla JavaScript.
Lory free javascript

CurrencyFormatter.js

CurrencyFormatter.js is a super simple currency formatting library (155 currencies & 7KB gzipped).
CurrencyFormatter.js free javascript

ARc

ARc (Atomic React) is a React app boilerplate with Atomic Design approach.
ARc free javascript

egjs

egjs is a small set of UI interactions, effects & utilities components library using jQuery.
egjs free javascript

Shave.js

Shave.js is a modern JavaScript plugin for truncating text within an html element.
 free javascript

Next.js

Next.js is a minimalistic framework for server-rendered React applications.
 free javascript

jQuery Linechart

jQuery Linechart is a new jQuery plugin for building simple charts.
 free javascript

Blueprint

Blueprint is a collection of React UI components, covering common interface elements, patterns and interactions on the web.
Blueprint free javascript

Tabulator

Tabulator is an easy to use interactive table generation plugin for jQuery.
Tabulator free javascript

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.

baguetteBox js simple easy lightbox script multiple gallery swipe gesture support mobile devices pure JavaScript

ScrollReveal

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

ScrollReveal Easily create scroll animations web 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.

Marginotes Quick margin notes with jQuery

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.

Loud Links tiny JS library interaction sounds

Bricks.js

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

Bricks.js 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.

vanilla JavaScript MediumEditor lightweight Medium WYSIWYG inline editor toolbar clone

Philter

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

jQuery plugin vanilla JavaScript Philter control CSS filters HTML attributes

SuperEmbed.js

SuperEmbed.js is a JavaScript l 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.

Substance JavaScript library for web-based content editing

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.

List.js Lightweight fast vanilla JavaScript adds search sort filters and flexibility to HTML

jqGifPreview

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

jqGifPreview jQuery plugin GIF previews like Facebook

Datedropper.js

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

Datedropper js easy install jQuery datepicker plugin

jfMagnify

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

jfMagnify jQuery plugin html images magnify glass effect

jQuery formBuilder

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

jQuery formBuilder jQuery plugin drag and 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.

Popper.js Kickass Library Manage Your Poppers Tooltips Popovers

Image Blur Plugin

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

Image Blur Plugin Ultra Small jQuery Plugin 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.

iMissYou.js jQuery plugin Change Title Favicon Page

SweetAlert2

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

SweetAlert2 beautiful customizable replacement for JavaScript Alert

Turntable.js

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

Turntable.js responsive jQuery slider rotate through list of images

Force.js

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

Force.js easy way scroll animate your 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.

Bideo.js Easy fullscreen HTML5 background video Web

Microlight.js

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

Microlight.js code highlighting library improves readability

Algolia Places

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

Algolia Places address search autocomplete JavaScript library

flatpickr

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

flatpickr lightweight datetimepicker

Slidebars

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

Slidebars jQuery Framework menu nav

anime.js

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

anime.js flexible lightweight JavaScript animation library

Cleave.js

Cleave.js is a plugin that formats your <input/> content while you type.

Cleave.js format input

Skippr

Skippr is a super simple and lightweight slideshow plugin for jQuery

Skippr slideshow plugin jQuery

iziModal.js

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

iziModal.js lightweight modal jQuery plugin

Lightgallery.js

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

Lightgallery.js JavaScript lightbox gallery

6 Comments

  1. H Max

    Great compilations month after month. Very useful and fun. Many thanks, I look forward to every post.

  2. Henrique

    Thank you for the nice post. Please, continue with the great work.

  3. Neil Jordon

    Thanks for sharing these resources with us. I will try these new web development trends.

  4. Jules Manson

    I find this site as an essential tool that all web developers should have in their toolbox to make certain that they are taking full advantage of the latest resources they might find useful in their particular specialty that would save them time, costs, and ensure their applications are using the best available technologies.

    But I have to say something about the Bootstrap Studio promotion at the bottom of this page. Although it is not a free product as most developers have become accustomed to in the open source web, based on its features I believe it worth every cent of the paltry asking $25 annual subscription. I don’t even think Dreamweaver (the industry standard) which can be priced at a couple of hundred dollars can do everything as easily or efficiently as Bootstrap Studio claims to do. I have not tried it as I have been a diehard Adobe disciple since I first struggled with unobtrusive CSS and Javascript in HTML during the dark ages of the web. But it does leave me reevaluating my religious relationship with the Adobe.

  5. Michael M

    Thank you for the round up.

  6. Thanks for the great information!

Leave a Comment

Your email address will not be published. Required fields are marked *