Best jQuery Core Java Script Plugins & Tutorials with Demo

    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.

    Waud.js : Web Audio Library with HTML5

    Waud.js : Web Audio Library with HTML5

    Waud is a simple and powerful web audio library that allows you to go beyond HTML5’s <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

    Features:

    • Base64 Pack
    • Audio Sprites
    • iOS Audio Unlock1
    • Auto Mute2
    • Simple API
    • Zero Dependencies