15 Cool jQuery Animation Plugins

jQuery was built to animate. Whether it’s fading out a warning message after a failed login, sliding down a menu control, or even powering a complete side-scrolling, “shoot ‘em up” game—it’s all a snap with some powerful built-in methods, augmented with an extensive array of plugins. So here are 15 Cool jQuery Animation Plugins to give your html element stunning visual effect and animations.

JZoopraxiscope

JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope.

jq-animation-1

jQuery Transit

Super-smooth CSS3 transformations and transitions for jQuery

jq-animation-2

Spritely

Spritely is a simple plugin with only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a ‘sprite’ image contains two or more ‘frames’ of animation, whereas a ‘pan’ image contains a continuous image which pans left or right and then repeats.

jq-animation-3

Roundabout

Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

jq-animation-4

Flip!

Flip is a jQuery plugin that will flip easily your elements in four directions.

jq-animation-5

Shadow animation

With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius. Mark Carver contributed code to support rgba-colors (the alpha channel).

jq-animation-6

Circulate

This is a jQuery plugin, so obviously it relies upon the jQuery library. Specifically, jQuery 1.4 or later, because we are using the .animate() functions new ability to have per property easing. This means we can animate the “top” value with one easing function while animating the “left” value with a different easing function.

jq-animation-7

jQuery Marquee Animation

Marquee Animation is a jQuery plugin by Fusiondevs.com for creating amazing animated marquees using jQuery and jQuery.easing frameworks.

jq-animation-8

o’Slider

The o’Slider plug-in has a lot of features of a regular slider. Some of them are auto play, stop on hover, show/hide navigation, bullets list or thumbnails for a navigation, captions and in-line content. But the main cause for creation of the plug-in was to give websites’ users amazing live-background experience.

jq-animation-9

TextFX

TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with it’s flexible script.

jq-animation-10

jQuery Countdown

jQuery Countdown plugin that doesn’t sucks!

jq-animation-11

hoverFlow

Another Solution to Animation Queue Buildup in jQuery.

jq-animation-12

Superscrollorama

The jQuery plugin for supercool scroll animation.

jq-animation-13

jRumble

jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element.

jq-animation-14

jQuery Reel Plugin

Reel 1.2 is an established jQuery plugin which takes an ordinary image tag and transforms it into a gorgeous interactive 360° object movie, panorama or stop-motion animation. It is the premier alternative to Flash, Java or Quicktime and is trusted by government agencies and big brands like BMW, Nikon, O2, Blackberry or The New York Times.

jq-animation-15

3 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>