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.

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 ofUseful Javascript Utilities.

You can also check out the yearly JavaScript collections from2013 or2014 as well.

JavaScript Charts & Graphs

Clusterize.js

Clusterize.js – 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.

JavaScript Navigation

Elevator.js

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

Slideout.js

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

Hammer.js

Hammer – Javascript library for multi-touch gestures.

Responsible.js

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

JavaScript Carousels, Sliders & Galleries

ItemSlide.js

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

lory.js

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.

jQuery lightgallery

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

Javascript Typography

Plumin.js

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.

underline.js

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.

substituteteacher.js

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

JavaScript Responsive Image Solutions

Rimg

Rimg – 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.

Smartcrop.js

Smartcrop.js – Content aware image cropping.

Image Blur Plugin

Image Blur Plugin – 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.

AntiModerate

AntiModerate – Progressive image loading library.

JavaScript Form Plugins

Awesomplete

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

Submitter

Submitter – Simple jQuery form submitting plugin.

Select or Die

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

jQuery Nice Select

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

datedropper

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.

JavaScript Accessibility Tools

tota11y

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.

JavaScript Animation Plugins & Libraries

iconate.js

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.

Dynamics.js

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

mo · js

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

cta.js

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

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.

Animsition

Animsition – Simple jQuery plugin for CSS animated page transitions.

vivus.js

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.

gridstack.js

gridstack.js – jQuery plugin for widget layouts.

Roll

Roll – JS library to help you keep track of position, scrolling, and 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.

Challenger.js

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.

egg.js

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.

Svidget.js

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.

Space.js

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

…and finally…

JavaScript Garden

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

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章