Best jQuery Core Java Script Plugins & Tutorials with Demo

zMotion.js : Remake of zPath.js without jQuery

zMotion.js : Remake of zPath.js without jQuery

A remake of zPath.js without jQuery and with more features.

Aquarelle : JavaScript Watercolor Effect Library

Aquarelle : JavaScript Watercolor Effect Library

Aquarelle is a library for creating magnificent watercolor effects. You can use Aqaurelle to add a fade-in animation to images and make them look as they are being painted on by smudged drops of paint. Built on top of the 3D canvas library Three.js.

In-View.js : JavaScript Viewport Event Library

In-View.js : JavaScript Viewport Event Library

Library that tracks elements on the page and reacts when they are about to leave or enter the viewport. The library has no external dependencies and is really easy to use with a simple callback syntax.

HTML Canvas Gauges using JavaScript

HTML Canvas Gauges using JavaScript

Canvas Gauges is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Shave.js : JavaScript plugin that Truncates Text

Shave.js : JavaScript plugin that Truncates Text

Shave is a zero dependency javascript plugin that truncates text to fit within a html element based on a set max-height.

Draweditor : jQuery plugin for Quickly Draw Sketches

Draweditor : jQuery plugin for Quickly Draw Sketches

Draweditor is a simple free online sketching, drawing, image editing tool with jQuery.

Progressively : JavaScript library to load Images Progressively

Progressively : JavaScript library to load Images Progressively

Progressively is a javascript library for loading images progressively. It’s written entirely in JavaScript so it doesn’t depend on 3rd-party libraries like jQuery. It’s super small, < 1.2kB when minified & gzipped! It will load images on when user browse to the page, saving bandwidth & server requests.

Inspiration for Letter Effects with Anime.js

Inspiration for Letter Effects with Anime.js

Today we’d like to share some inspiration for letter effects with you. We wanted to explore some simple, creative animations for display typography and large headlines using anime.js. These kind of animations can really enhance a certain message; combining these effects with a fitting font and playing with transforms opens up a huge range of possibilities. We hope this set inspires you and gives you some ideas on how to use an animation library like anime.js for this purpose.

Obelisk.js : JavaScript library for Isometric Pixel objects

Obelisk.js : JavaScript library for Isometric Pixel objects

obelisk.js is a JavaScript library for building isometric pixel objects.

With the simple and flexible API provided, you can easily add isometric pixel elements like brick, cube, pyramid and slope in HTML5 canvas. Obelisk.js strictly follows pixel neat pattern: lines with 1:2 pixel dot arrangement, leading to an angle of 22.6 degrees.

Cesium : WebGL based JavaScript library for 3D globes and 2D maps

Cesium : WebGL based JavaScript library for 3D globes and 2D maps

WebGL based JavaScript library for creating high-resolution 3D globes and 2D maps. It supports different map providers, weather simulations, and a ton of other complex features. Their Demos page has a big collection of community projects showcasing what Cesium is capable of, including a 3D map of all the building in New York and projects by NASA.