Best jQuery Animation Plugins & Tutorials with Demo

    Scrolldeck : jQuery scrolling presentation decks plugin

    Scrolldeck : jQuery scrolling presentation decks plugin

    Scrolldeck a jQuery plugin for making scrolling presentation deck.After linking all the required scripts (jQuery, Scrollorama, scrollTo, easing & scrolldeck), create the slide deck on document ready event.Add animations to slides by adding the “animate-in” or “animate-build” classes to elements in your slides.

    jQuery Image Cube

    jQuery Image Cube

    A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube.The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect.

    Text with Moving Backgrounds with jQuery

    Text with Moving Backgrounds with jQuery

    Personally, I am a huge fan of negative space in design. This got me thinking while I was trying to accomplish something different. Normally a textual caption would be positioned above a background, but I wanted to do it the other way around: place the background in the letters.
    I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity.

    Glimmer a jQuery Animation effect plugin

    Glimmer a jQuery Animation effect plugin

    Another great animation effect for jQuery lovers, you can see how the landscapes moves.Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.By using Glimmer you can make rotating image banners,beautiful tooltips, Dropdown menus and lot of other animation effects.

    Pointer.js – Draw a ring round on mouse clicks

    Pointer.js - Draw a ring round on mouse clicks

    Pointer.js is a JQuery plugin which shows an animated ‘hoop’ spread around the mouse pointer after left clicking on a webpage. It is very lightweight and is free to use. The website is in Japanese though, although it can be translated.

    Flickr Style Loading Animation Using JQuery

    Flickr Style Loading Animation Using JQuery

    In this post will show a similar thing, in flickr loading animation, like before this not showing the real size, because we are using html element we can easily to change the element size.The flickr loading animation is simpler than the facebook style, it consist of two circles with different color, when the animation start the circle on the left move to right with on top display and vice versa.

    Add a firefly effect to your site with jQuery fireFly

    Add a firefly effect to your site with jQuery fireFly

    I want to introduce you with my new jQuery plugin named fireFly. As the name says, the plugin can be used to add firefly effect on any web page background. Last month I updated it to work on a particular div background too. I hope you will find it helpful.

    Javascript CanvasLoader Creator

    Javascript CanvasLoader Creator

    This one is a small JavaScript UI library, that utilizes HTML5 Canvas element for drawing and animating circular preloaders.It can work in any ‘good’ browser that has support for HTML5 Canvas element. It has a UI to customize preloader.

    Kwicks for jQuery

    Kwicks for jQuery

    Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget. Please check out the examples to see it in action.

    jQuery Frame Animation : Reel

    jQuery Frame animation Reel

    Reel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash and Java techniques.