Top 50 JavaScript Tools & Resources from 2015

Last week we published our 50 favorite CSS tools from 2015, this week we take a look at some of our favorite JavaScript tools, frameworks and libraries.

When compared to last year, the first thing you will probably notice is the considerable decrease in the number of jQuery plugins in this collection. What we see instead is smaller, lighter and standalone JavaScript libraries built without all of the jQuery bloat.

There are now more targeted problem-solving solutions, rather than having to use massive frameworks just so that you can use one or two functions. As a result, we’re rapidly evolving into a faster, leaner, and user-friendlier web!

All of the resources have been categorized into the following sections: Charts & Graphs, Carousels, Sliders & Galleries, Javascript Typography, Responsive Image Solutions, Image Editing, Lazy Loading, Form Plugins, Accessibility Tools, Animation Plugins & Libraries, and finally a bunch of Useful Javascript Utilities.

You can also check out the yearly JavaScript collections from 2013 or 2014 as well.

JavaScript Charts & Graphs


Clusterize.js – Tiny vanilla JavaScript plugin to display large data sets easily.

Clusterize.js tiny vanilla JavaScript plugin display large data sets easily


plotly.js – High-level, declarative, open-source charting library.

plotly.js High-level declarative open-source charting library


Textures.js – Set of SVG elements for data visualization.

texturesjs Set SVG elements data visualization

JavaScript Navigation


Elevator.js – "Back to Top" button that behaves like a real elevator.

back to top button behaves real elevator


Slideout.js – Touch slideout navigation menu for your mobile web apps.

Slideout.js touch slideout navigation menu javascript mobile web apps


Hammer – Javascript library for multi-touch gestures.

Hammer.JS Javascript library multi-touch gestures


Responsible.js – Give mobile visitors the option of viewing either the desktop or mobile layout.

Responsible.js mobile visitors view desktop mobile layout


ItemSlide.js – Simple JavaScript touch carousel with support for touch swiping & mousewheel scrolling.

ItemSlide.js simple JavaScript touch carousel


lory.js – Touch-enabled minimalistic slider written in vanilla JavaScript.

lory.js touch enabled minimalistic slider vanilla JavaScript

Simple Lightbox

Simple Lightbox – Touch-friendly image lightbox for mobile and desktop with jQuery.

Touch friendly image lightbox mobile desktop jQuery


Chocolat.js – Responsive jQuery lightbox plugin.

Chocolat.js responsive jQuery lightbox plugin

jQuery lightgallery

jQuery lightgallery – Lightweight, customizable, modular, responsive, lightbox gallery plugin.


Javascript Typography


Plumin.js – Create and manipulate fonts using Javascript.

Plumin.js Create manipulate fonts Javascript


Unicoder.js – JavaScript library that converts text to some of the more artistic unicode alphabets.

Unicoder.js javascript JavaScript library converts text artistic unicode alphabets


underline.js – Javascript library that sets out draw and animate the most perfect and playful text underline.

underline.js Javascript library draw animate playful text underline


Readable – jQuery plugin for creating readable paragraphs.

Readable jQuery plugin readable paragraphs


substituteteacher.js – JavaScript library that lets you substitute sentences for each other.

substituteteacher.js JavaScript javascript library substitute sentences

JavaScript Responsive Image Solutions


Rimg – Pure JavaScript responsive image solution for browsers that support mediaqueries.

Rimg pure JavaScript responsive image solution browsers support mediaqueries


ResponsifyJS – jQuery plugin that makes images truly responsive.

ResponsifyJS jQuery plugin images truly responsive

JavaScript Image Editing


PixelFlow – An image pixelating filter jQuery plugin using canvas.

PixelFlow image pixelating filter jQuery plugin canvas resources web design


Smartcrop.js – Content aware image cropping.

Smartcrop.js javascript Content aware image cropping

Image Blur Plugin

Image Blur Plugin – Ultra-light cross browser image blurring plugin for jQuery.

Image Blur Plugin ultra light cross browser image blurring plugin jQuery

JavaScript Lazy Loading


Layzr.js – Small, fast, modern, and dependency-free library for lazy loading.

Layzr.js small fast modern dependency-free library lazy loading


AntiModerate – Progressive image loading library.

Progressive image loading library AntiModerate

JavaScript Form Plugins


Awesomplete – Ultra-lightweight, highly customizable and simple autocomplete jQuery plugin.

Awesomplete ultra lightweight highly customizable simple autocomplete jQuery plugin


Submitter – Simple jQuery form submitting plugin.

Submitter Simple jQuery form submitting plugin

Select or Die

Select or Die – jQuery plugin to style <select> elements.

select-die jQuery plugin style button select elements

jQuery Nice Select

jQuery Nice Select – Lightweight jQuery plugin that replaces native select elements with customizable dropdowns.

jQuery Nice Select lightweight jQuery plugin


datedropper – jQuery plugin that offers an easy way to manage dates for input fields.

datedropper jQuery plugin easy way manage dates input fields


Instantsearch.js – Library of widgets designed for high-performance instant search.

Instantsearch.js Library widgets designed high-performance instant search


notie.js – Clean and simple notification plugin.

notie.js clean simple notification plugin javascript

JavaScript Accessibility Tools


tota11y – An accessibility visualization toolkit.

tota11y javascript accessibility visualization toolkit


ally.js – JavaScript library to help make accessibility simpler.

JavaScript library ally.js accessibility simpler


emojify.js – Javascript module to convert Emoji keywords to images.

emojify.js javascript module convert Emoji keywords images

JavaScript Animation Plugins & Libraries


iconate.js – Tiny performant library for cross-browser icon transformation animations.

iconate.js tiny performant library cross-browser icon transformation animations javascript


Animate-Plus – Performant JavaScript library that helps you animate CSS properties and SVG attributes.

Animate-Plus performant JavaScript library animate CSS properties SVG attributes


Dynamics.js – Javascript library for creating physics-based CSS animations.

Dynamics.js Javascript library creating physics-based CSS animations

mo · js

mo · js – The ‘Motion Graphics Toolbelt’ for the web.

Motion Graphics Toolbelt Javascript web


cta.js – Lightweight library for animating your "action-to-effect" paths.

cta.js a lightweight library for animating


jQuery.smoothState.js – Unobtrusive page transitions with jQuery.

jQuery.smoothState.js Unobtrusive page transitions jQuery


ramjet.js – Library that morphs DOM elements from one state to another with smooth transitions.

ramjet.js library morphs DOM elements


Animsition – Simple jQuery plugin for CSS animated page transitions.

Animsition simple easy jQuery plugin CSS animated page transitions


vivus.js – Lightweight JavaScript class that allows you to animate SVGs.

vivus.js lightweight JavaScript class animate SVGs

Useful Javascript Utilities


epicGrid – Pure, lightweight, responsive Javascript solution for building grid systems.

epicGrid pure lightweight responsive Javascript solution building grid systems


gridstack.js – jQuery plugin for widget layouts.

gridstack.js jQuery plugin widget layouts


Roll – JavaScript library to help you keep track of position, scrolling, and pagination.

Roll JavaScript library track position scrolling pagination


Rune.js – JavaScript library for programming graphic design systems with SVG in the browser.

Rune.js JavaScript library programming graphic design systems SVG browser


clipboard.js – Modern approach to copy text to clipboard.

clipboard.js Modern approach copy text clipboard


Challenger.js – Drop-in JavaScript library that adds interactive programming pop-up challenges to any page.

Challenger.js drop-in JavaScript library adds interactive programming pop-up challenges


html5tooltips.js – Light and clean tooltip library with CSS3 animation.

html5tooltips.js tooltip library CSS3 animation


egg.js – Simple javascript library to add easter eggs to web pages.

egg.js simple javascript library easter eggs web pages


Annotator.js – Plugin for highlighting, sharing, adding notes and tags to any selected text on a page.

Annotator.js plugin highlighting sharing adding notes tags selected text page


Svidget.js – JavaScript framework for building fantastic SVG widgets.

Svidget.js JavaScript framework building fantastic SVG widgets


Vorlon.JS, Open-source, extensible, platform-agnostic tool for remotely debugging and testing JS.

Vorlon.JS open source extensible platform-agnostic tool remotely debugging testing javascript


Space.js – HTML-driven JavaScript library for narrative 3D-scrolling.

Space.js HTML-driven JavaScript library narrative 3D-scrolling

…and finally…

JavaScript Garden

JavaScript Garden – Collection of docs about the quirkier parts of JavaScript.

JavaScript Garden Collection docs quirkier parts JavaScript

(648 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.