Best jQuery Animation Plugins & Tutorials with Demo

    jQuery Time Lapse Painter Plus Editor

    jQuery Time Lapse Painter Plus Editor

    Time Lapse Painter product consists of jQuery Time Lapse Painter plugin (TLP plugin) that plays the effect and an editor called Time Lapse Painter Studio (TLP Studio). TLP Studio is the means by which the resources needed for the animation are created and the values to control it are set.

    Features:

    • Responsive behavior. TLP Plugin scales according to available width.
    • Countless ways to animate your true color image, provided by TLP Studio.
    • Transparent and semi transparent PNG images.
    • Method and events that allow the effect to be used in trending slideshow plugins.

    Line Maker : Animated Decorative Lines with Anime.js

    Line Maker : Animated Decorative Lines with Anime.js

    The Line Maker is a plugin for creating and animating decorative lines on websites. Inspired by site designs like ‘Uber Brand Experience’ and ‘Details’.Today we’d love to share a little library with you that allows to add decorative lines to a webpage. The inspiration for this plugin comes from various designs that contain the line as a focal part of their layout. We wanted an easy way for adding all kinds of lines with different thicknesses and colors, in vertical or horizontal direction, and animate them. For animating the lines we use Julien Garnier’s anime.js, the lightweight JavaScript animation library.

    Kute.js : JavaScript Animation Engine

    Kute.js : JavaScript Animation Engine

    KUTE.js is a Javascript animation engine with top performance, memory efficient & modular code. It delivers a whole bunch of tools to help you create great custom animations.

    Imagine : jQuery Parallax Scroll Effects

    Imagine : jQuery Parallax Scroll Effects

    Imagine by pixevil is a parallax scroll and parallax animations framework with unlimited animation possibilities. Imagine animations can be used with any element in your page and comes with a perfected parallax background markup. Built with the use of jQuery, GSAP and Animus, the plugin is guaranteed to offer unmatched parallax scrolling experience.

    Smoke.js : Javascript Smoke Effect

    Smoke.js : Javascript Smoke Effect

    Smoke.js is a javascript library to make Smoke Effect for web.

    g9.js : javascript library for Creating Interactive Graphics

    g9.js : javascript library for Creating Interactive Graphics

    g9 is a javascript library for creating automatically interactive graphics.

    With g9, interactive visualization is as easy as visualization that isn’t. Just write a function which draws shapes based on data, and g9 will automatically figure out how to manipulate that data when you drag the shapes around.

    Particles.js : Javascript plugin for Particle Backgrounds

    Particles.js : Javascript plugin for Particle Backgrounds

    Particles.js is a lightweight and dependency-free javascript plugin for particle backgrounds.

    ViewScroller.js : jQuery Fullpage website Scrolling

    ViewScroller.js : jQuery Fullpage website Scrolling

    ViewScroller.js is a  small and easy to use solution that allows you to create fullpage scrolling websites.

    It uses CSS3 transitions and jQuery animations depends on browser abilities. It’s important because some old browsers like IE8 has no CSS3 support.

    mFancyTitle : jQuery Plugin to Animate Your Page Title and Favicon

    mFancyTitle : jQuery Plugin to Animate Your Page Title and Favicon

    mFancyTitle is the jQuery plugin that lets you animate your document <title> & favicon easily with style.

    Text-Spinners : Pure CSS Inline Loading Indicators

    Text-Spinners : Pure CSS Inline Loading Indicators

    Pure text, CSS only, font independent, inline loading indicators.