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

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

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

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

Textures.js

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

texturesjs Set SVG elements data visualization

JavaScript Navigation

Elevator.js

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

back to top button behaves real elevator

Slideout.js

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

Slideout.js touch slideout navigation menu javascript mobile web apps

Hammer.js

Hammer – Javascript library for multi-touch gestures.

Hammer.JS Javascript library multi-touch gestures

Responsible.js

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

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

ItemSlide.js simple JavaScript touch carousel

lory.js

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

Chocolat.js – Responsive jQuery lightbox plugin.

Chocolat.js responsive jQuery lightbox plugin

jQuery lightgallery

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

wallop

Javascript Typography

Plumin.js

Plumin.js – Create and manipulate fonts using Javascript.

Plumin.js Create manipulate fonts Javascript

Unicoder.js

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

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

Readable – jQuery plugin for creating readable paragraphs.

Readable jQuery plugin readable paragraphs

substituteteacher.js

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

substituteteacher.js JavaScript javascript library substitute sentences

JavaScript Responsive Image Solutions

Rimg

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

Rimg pure JavaScript responsive image solution browsers support mediaqueries

ResponsifyJS

ResponsifyJS – jQuery plugin that makes images truly responsive.

ResponsifyJS jQuery plugin images truly responsive

JavaScript Image Editing

PixelFlow

PixelFlow – An image pixelating filter jQuery plugin using canvas.

PixelFlow image pixelating filter jQuery plugin canvas resources web design

Smartcrop.js

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

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

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

AntiModerate

AntiModerate – Progressive image loading library.

Progressive image loading library AntiModerate

JavaScript Form Plugins

Awesomplete

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

Awesomplete ultra lightweight highly customizable simple autocomplete jQuery plugin

Submitter

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

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

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

Instantsearch.js Library widgets designed high-performance instant search

notie.js

notie.js – Clean and simple notification plugin.

notie.js clean simple notification plugin javascript

JavaScript Accessibility Tools

tota11y

tota11y – An accessibility visualization toolkit.

tota11y javascript accessibility visualization toolkit

ally.js

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

JavaScript library ally.js accessibility simpler

emojify.js

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

emojify.js javascript module convert Emoji keywords images

JavaScript Animation Plugins & Libraries

iconate.js

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

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

Animate-Plus

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

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

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

cta.js a lightweight library for animating

jQuery.smoothState.js

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

jQuery.smoothState.js Unobtrusive page transitions jQuery

ramjet.js

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

ramjet.js library morphs DOM elements

Animsition

Animsition – Simple jQuery plugin for CSS animated page transitions.

Animsition simple easy jQuery plugin CSS animated page transitions

vivus.js

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

vivus.js lightweight JavaScript class animate SVGs

Useful Javascript Utilities

epicGrid

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

epicGrid pure lightweight responsive Javascript solution building grid systems

gridstack.js

gridstack.js – jQuery plugin for widget layouts.

gridstack.js jQuery plugin widget layouts

Roll

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

Roll JavaScript library track position scrolling pagination

Rune.js

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

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

clipboard.js Modern approach copy text clipboard

Challenger.js

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

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

html5tooltips.js tooltip library CSS3 animation

egg.js

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

egg.js simple javascript library easter eggs web pages

Annotator.js

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

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

Svidget.js JavaScript framework building fantastic SVG widgets

Vorlon.js

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

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

(608 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+.

Comments