Best jQuery Animation Plugins & Tutorials with Demo

    Ascensor a jQuery Navigation Plugin

    jQuery Navigation Plugin

    Interesting plugin, some kind of navigation system between pages, plus give feeling what you walking through rooms of maze

    Create pointer trails with jquery

    Create pointer trails with jquery

    Create some img elements having pointer-image in src, and let them follow pointer-position whenever mouse move. And don’t forget to fade them out slowly.

    Typography Animation using Jquery

    jQuery Typography Animation

    Today i am here with a cool idea of typography type animation. we will learn what is it, and how to create it with Jquery and CSS. This can be ussed as a typography animation software too. You just have to pass your text as a HASH to convert that as a kinetic typography animation.
    In this tutorial we will learn to how to apply jquery animate opacity and more. And at last you will fall in love with it.

    The youlove.us jQuery scrolling background effect explained

    jQuery scrolling background effect explained

    We’ve had a lot of questions regarding the background effect on our new site – so I thought I’d explain how it works, to save you the trouble of picking through the source code. Feel free to base your own designs on this technique, but don’t just straight up copy our code and images – we’ve spent a good amount of time on this.

    jQuery Common Accordion – Horizontal & Vertical

    jQuery Common Accordion - Horizontal & Vertical

    Works as vertical accordion and horizontal accordion. It can be auto slide. You can set a default panel.

    jQuery Accordion Features
    • Works as vertical accordion and horizontal accordion.
    • it can be auto slide.
    • You can set a default panel.
    • You can set your own mouse events.
    • It can be nested.
    • Its just 4kb without any compression.
    • Its free! 🙂

    Bubble Engine – Plugin for jQuery

    jQuery Bubbles

    The Bubble Engine while bubbles on your website. And without the need of Adobe Flash. Bubble Engine is a plugin for jQuery.

    How To Build an Animated Header in jQuery

    jQuery Animated Header

    Why not give a little flair to your header.  This tutorial will show you how to animate your header’s background image using jQuery to give your website that little extra something.We are going to build a header that animates it’s background. We will also encase the header in shadow for the little extra dramatic effect.

    Trigger CSS3 Animations with jQuery

    Trigger CSS3 Animations with jQuery

    Good animation in jQuery with the help of CSS3 properties like scale and translate

    Sliding Letters with jQuery

    Sliding Letters with jQuery

    Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is to slide in letter by letter when hovering over a link element. We can either have the same word or a different one and we can slide in the new letters all the same time or one after the other.

    Drag Drop Shopping Cart Using JQuery

    Drag Drop Shopping Cart Using JQuery

    There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data are hardcoded on the html, and counting price and total items will be handle by javascript.