Best jQuery Animation Plugins & Tutorials with Demo

    jQuery CSS3 Notifications

    jQuery CSS3 Notifications

    Great looking jQuery CSS3 notifications in a lightweight script with an easy to use api. Perfect for your next web app

    Quovolver animated quotes rotator – jQuery Plugin

    Quovolver animated quotes rotator - jQuery Plugin

    Quovolver is a simple extension for jQuery that takes a group of quotes and displays them on your page in an elegant way.

    WOW Slider in JQuery

    WOW Slider in JQuery

    The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It’s a very effective method to increase the web site usability and engage the user. The WOW Slider w as updated in  April 11, 2011, this is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. Is free for non-commercial use, a license fee is required for business use.

    ChopSlider – jQuery & CSS3 animated Slider

    ChopSlider - jQuery & CSS3 animated Slide

    This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different but still awesome. It will be free under the MIT license, once released. The creator still runing some tests.

    Simulate Gravity with jQuery

    jQuery Simulate Gravity animation

    Visual effects on web pages are becoming more and more effective thanks to framework like jQuery. The idea of being able to adjust the look of a page with a click or a button gives the user a bit of extra interaction. This tutorials aims to give you insight of realistic gravity animations with jQuery.

    jQuery AOG Carousel

    jquery Carousel

    This is a 3D-like spinning carousel that can be manipulated with the mouse.

    It is fully powered by jQuery. There is no Flash, no CSS3, just simple jQuery coding.
    It is lightweight (6k) and highly customizable and compatible with all major browsers.

    jQuery Approach

    jQuery Approach

    Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate, however it animates over distance instead of time.

    Animated Text and Icon Menu with jQuery

    Animated Text and Icon Menu with jQuery

    Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.

    Google Plus Style Animations with Jquery and CSS3

    Google Plus Style Animations with Jquery and CSS3

    Google plus given an awesome kick to user experience, specially circles UI animations. I feel it’s great and new definition to have user experience design. I have tried circle rotation animation effect with Jquery and CSS3.

    CSS3 Animation With jQuery Fallbacks

    jQuery CSS3 Animation

    In today’s post, we’ll be taking a look at how you can use CSS3 transitions to power your application’s animations with jQuery’s .animate() method as a fallback where transitions aren’t supported. The benefit of transitions is that unlike JavaScript based animations, they’re hardware accelerated in certain browsers and mobile devices, resulting in a potentially smoother overall animation than you would normally experience.