30个最棒的JavaScript库和工具
dynamo.js
This one is a really handy tool that makes creating dynamic bits of HTML and adding subtle effects to content extremely easy and quick.
Smoke.js
This one is an amazing framework-agnostic styled alert system which is small sized, easy to use and offers css3 animation.
Holder.js

This one allows creating placeholders easily and quickly using a chainable API to style; and has the ability of working both online and offline.
Graphene

This one is an amazing dashboard and graphing toolkit which is easy to use and quite handy.
GMap

This one is an awesome jQuery plugin that allows embedding Google Maps into your website or blog. It is lightweight, easy to integrate and manage and quite customizable.
jPages

jPages is a really nice pagination plugin which has got a lot of amazing features to offer, like auto page turning, key and scroll browsing and displaying items with delay etc. Simple to use, but quite nice and efficient!
Leaflet – JavaScript Library

An amazing JS Library for Mobile-Friendly Interactive Maps. The best thing about it is that it is open source.
JSZip

JSZip allows creating, reading and editing .zip files with JS.
Colors

This one is a very useful color manipulation library that is quite efficient in its work and allows you to choose the right colors for your projects.
Fitvids.js

It is another handy jQuery plugin that allows embedding fluid width video.
stroll.js

It offers a nice collection of CSS list scroll effects, which style is selected through the class set on the list.
Hammer.js

It is a really cool JavaScript library for multi-touch gestures which can prove to be extremely helpful for people trying to achieve them.
Socialite.js

This one allows incorporating and activating various different types of social sharing buttons and customizes them according to your choice.
Retina.js

As the name suggests, Retina.js is a really nice script that lets you serve high quality photos easily to devices that have retina displays. It is an open source and handy script.
KineticJS

It is a handy HTML5 Canvas JS library that lets you extend 2d context by providing canvas interactivity for desktop and mobile apps.
URI.js

This library allows working with URLs and provides you a “jQuery-style” API with a fluent Interface and method Chaining in order to read and write all usual components and various methods like .directory() and .authority().
Crossfilter

It is a JavaScript library that has a lot of different multivariate datasets in the browser that have the ability of being explored quite easily.
DropKick.js

Making dropdowns from scratch can be a very time consuming and hectic task, so this is where DropKick.js comes to help as it make creating efficient and attractive dropdowns easy and quick.
Foresight.js

This tool enables the webpages to determine if the visitor’s device has the ability to view high-resolution photos before requesting the photo from the server.
Kartograph

As the name hints, this tool allows doing cartography which in easy words means making maps. This tool works without using Google Maps or any other service of this type. It allows making attractive, beautiful and efficient vector map.
Patternizer – Stripe Pattern Generator Tool

This amazing tool lets you create complicated patterns easily and quickly in a very hassle-free way. It lets you be creative and experiment with patterns, which can be saved and then shared with anyone, which allows you to collaborate ideas with people.
Morris.js

This one is a lightweight JS library that uses jQuery and Raphaël and allows drawing time-series graphs with ease.
JavaScript Library Boilerplate

This one is a really nice boilerplate for creating your own JS Library such as jQuery, Zepto, Prototype, etc.
heatmap.js

It is a library that lets you create amazing heatmaps using the html5 canvas element of your data.
uiji.js

uiji.js is quite nice and unique. It is a reverse opposite of jQuery because instead of using CSS selectors for discovering elements it lets you use the same syntax to create elements.
sigma.js

This library allows drawing graphs using the HTML canvas element. The great thing about this library is that it is open source. It can also display interactive static graphs gotten from various graph visualization software like Gephi etc.
Heyoffline.js

This easy to use tool allows you to warn your users when their network goes down so that they won’t lose their important stuff upon its happening.
JavaScript Console – Debugging JavaScript Tool

As the name suggests, this one is a JavaScript debugging tool that also offers remote debugging of mobile web apps.
Yeoman

This one is a complete workflow – an aggregate of tools and amazing practices working together to allow easy and quick web development.
batman.js

This framework is as cool as its name – as it lets you create rich and efficient single-page browser apps. It is written CoffeeScript so its API was also developed according to it, but using JavaScript is also possible.