Best jQuery Animation Plugins & Tutorials with Demo

    Merging Image Boxes with jQuery

    jQuery Merging Image Boxes

    Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

    Interactive Image Vamp up with jQuery, CSS3 and PHP

    Interactive Image Vamp up with jQuery, CSS3 and PHP

    Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be viewed.

    jQuery animated feedback tab thingy

    jQuery animated feedback tab

    I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.

    arbor.js – A Graph Visualization Library

    jquery Graph Visualization Library

    Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whatever display approach is appropriate for your project and your performance needs.

    jQuery Runloop Plugin

    jQuery Runloop Plugin

    With jQuery Runloop, you can create your own small runloop with keyframes at your own choosing, each with code to execute. You can put whatever code you want in each keyframe, rearrange keyframes easily, and use reusable maps of code and/or animations to share between runloops.
    It was created to have more power, more control and less hassle than dealing with jQuery .animate() callbacks. It hooks into jQuery’s Effects Queue by design, to avoid timing conflicts in the case of doing many multiple .animate() calls.

    jQuery Embedded Help System

    jQuery Embedded Help System

    jQuery E-Help is plugin for procedural(“How to …”) web user interface help and it’s easy to integrate into any web interface that supports jQuery. Useful for all web applications, CMS and E-commerce systems.

    jQuery WowWindow is an alternative Lightbox

    jQuery WowWindow is an alternative Lightbox

    WowWindow is an alternative to Lightbox, for jQuery, that is much more fun and powerful. This modal window script uses CSS3 transformations to display the window, but will acceptably degrade to a workable window for browsers that do not support this. If you’re looking for alternatives to Lightbox, this may be the perfect script for you.

    CoverScroll jQuery plugin

    CoverScroll jQuery plugin

    This plugin is CSS3 variant of the Apple’s CoverFlow design pattern.

    Image Wall with jQuery

    jQuery Image Wall

    Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.

    Neon effect with jQuery

    Neon effect with jQuery

    This plugin apply neon effect to already existed text using CSS3. At current moment here are 3 modes: basic, custom and auto.