50 JavaScript Tools & Resources from 2015

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

There are now more targeted problem-solving solutions, rather than having to use huge frameworks just so that you can use one or two functions. 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 JS plugin to display large data sets easily.

Clusterize.js a tiny vanilla JS plugin to display large data sets easily

plotly.js

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

Textures.js

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

texturesjs

JavaScript Navigation

Elevator.js

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

back to top" button that behaves like a real elevator

Slideout.js

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

Slideout.js - touch slideout navigation menu for your mobile web apps

Hammer.js

Hammer – Javascript library for multi-touch gestures.

Hammer.JS - Javascript library for multi-touch gestures

Responsible.js

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

ItemSlide.js

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

ItemSlide.js a simple JavaScript touch carousel

lory.js

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

lory.js - touch enabled minimalistic slider written in vanilla JavaScript

Simple Lightbox

Simple Lightbox – Touch-friendly image lightbox for mobile and desktop with 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 and manipulate fonts using Javascript

Unicoder.js

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

Unicoder.js - JS library that converts text to some of the more 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 that sets out draw and animate the most perfect and playful text underline

Readable

Readable – jQuery plugin for creating readable paragraphs.

Readable jQuery plugin readable paragraphs

substituteteacher.js

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

substituteteacher.js a JS library that lets you substitute sentences

JavaScript Responsive Image Solutions

Rimg

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

Rimg - A pure JS responsive image solution for browsers that support mediaqueries

ResponsifyJS

ResponsifyJS – jQuery plugin that makes 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 weekly

Smartcrop.js

Smartcrop.js – Content aware image cropping.

Image Blur Plugin

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

Image Blur Plugin an ultra light cross browser image blurring plugin for jQuery

JavaScript Lazy Loading

Layzr.js

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

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

AntiModerate

AntiModerate – Progressive image loading library.

JavaScript Form Plugins

Awesomplete

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

Awesomplete, an ultra lightweight, highly customizable and simple autocomplete jQuery plugin

Submitter

Submitter – Simple jQuery form submitting plugin.

Submitter

Select or Die

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

select-die

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 that offers an easy way to manage dates for input fields

Instantsearch.js

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

notie.js

notie.js – Clean and simple notification plugin.

notie.js clean simple notification plugin

JavaScript Accessibility Tools

tota11y

tota11y – An accessibility visualization toolkit.

tota11y, an accessibility visualization toolkit

ally.js

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

emojify.js

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

emojify.js javascript module to convert Emoji keywords to images

JavaScript Animation Plugins & Libraries

iconate.js

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

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

Animate-Plus

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

Animate-Plus - performant JavaScript library that helps you animate CSS properties and SVG attributes

Dynamics.js

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

Dynamics.js

mo · js

mo · js – The ‘Motion Graphics Toolbelt’ for the 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.

ramjet.js

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

ramjet.js a library that morphs DOM elements

Animsition

Animsition – Simple jQuery plugin for CSS animated page transitions.

Animsition - simple and easy jQuery plugin for CSS animated page transitions

vivus.js

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

vivus.js lightweight JavaScript class that allows you to animate SVGs

Useful Javascript Utilities

epicGrid

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

epicGrid - pure, lightweight, responsive Javascript solution for building grid systems

gridstack.js

gridstack.js – jQuery plugin for widget layouts.

gridstack.js

Roll

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

Roll JS library track position scrolling pagination

Rune.js

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

clipboard.js

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

clipboard.js

Challenger.js

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

Challenger.js drop-in JS library that adds interactive programming pop-up challenges to any page

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 to add easter eggs to web pages

Annotator.js

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

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

Svidget.js

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

Svidget.js - JavaScript framework for building fantastic SVG widgets

Vorlon.js

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

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

Space.js

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

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

…and finally…

JavaScript Garden

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

JavaScript Garden

Leave a comment

Your email address will not be published.