Top & Free jQuery Animation Plugins

jQuery Animation Plugins allows you to perform custom animations of a set of CSS properties. Here in this post, We’re going to share some best and free jQuery animation plugins. These plugins will surely help you attach stunning animations on your website. Check these out jQuery animation plugins.

 

Transit

jquery transit

Transit animation applies super smooth CSS transitions and transformations for jQuery. Just append the plugin’s script after you have declared the offcial jquery resources, your jQuery version should be up 1.4+. The plugin will help you in a smooth way, so stop using jQuery animate if you don’t want to. Transit allows 2D transformations, 3D transformations, easing effects and types.

Spritely.net

spritely

Spritely is a very beautiful jQuery animation plugin to create background animation and dynamic characters in pure JavaScript and HTML. The plugin is light-weight with a few easy methods for creating animated sprites like the dynamic scrolling backgrounds or the birds you will see on the page.

Shadow animation jQuery plugin

Shadow animation jQuery plugin

Shadow animation jQuery plugin allows you to enhance the functionality of animate function to support the CSS box shadow property. You can apply animation on spread radius, blur radius, x & y offset and color.

Motio

Motio

Motio is a small JavaScript library for sprite based animations and panning. It has the ability to take an element and changes the background position to create an animation effect. Motio is chained to the requestAnimationFrame (with a polyfill for older browsers) and optimized for speed and garbage collection. What Motio does, cannot be done faster

jQuery.animate() with GSAP

jquery-animate-plugin-header

GSAP plugin allows you to have GSAP take control under the hood so that your animations perform better; no need to change any of your code. Additionally it has many amazing capabilities, allow you to tween colors, 2D & 3D transforms, box shadow, background position and lots moare.

jQuery.pulse.js

jQuery pulse

jQuery.pulse.js was made to make it trivial to add subtle visual cues to any web page. The plugin has a very light amount and code.

jquery.animate-enhanced plugin

jquery.animate-enhanced plugin

jquery.animate-enhanced plugin extends jQuery animate function to detect CSS transitions for opera, Mozilla, webkit and convert animations automatically according to the browser.

jQuery Quicksand plugin

jQuery Quicksand plugin

jQuery Quicksand plugin filters and recorder items with a nice shuffling animation.

The hoverFlow Plugin

The hoverFlow Plugin

The hoverFlow Plugin is a quick solution to animation queue buildup in jQuery. The plugin’s API is similar to jQuery’s animate function and uses the same definitions and parameters.

SpriteSpin

SpriteSpin

SpriteSpin is a very amazing jQuery plugin that allows you to integrate sprite image animations. It takes an array of images or stitched sprite sheet and plays them frame by frame like you see on flip book plugins.

Frame Animation Plugin for jQuery

Wouldn’t it be great if you could have a nice animated navigation menu or animated logo on your site, without any use of Flash plugins or such? Or maybe just have a preloader with real PNG transparency not like animated GIFs have? Everything above and more is now possible with a little jQuery plugin called Frame Animation.

jqueryrotate

jqueryrotate

jqueryrotate is a light-weight plugin that implements a nice feature to rotate images by a specified angle on web pages, and animate them using amazing plugin’s functions.

Jonathan Snook’s jQuery Background Animation as a Plugin

Jonathan Snook’s jQuery Background Animation as a Plugin allows you to add additional keyboard accessibility.

Textillate.js – A jQuery Plugin For CSS3 Text Animations

Textillate.js - A jQuery Plugin For CSS3 Text Animations

Textillate.js is a jQuery plugin for CSS3 text animations. It comes up with two powerful libraries lettering.js and animate.css. You can apply animation on text such as shake, bounce, flash and more. It has over 25 effects to work with.

jQuery Text Animation Plugin

jQuery Text Animation Plugin

jQuery Text Animation Plugin allows you to create custom text animations. Supported animation effects are Roll, Step, Highlight and Jump.

jQuery Plugin for Cartoon-like Background Image Animation

jQuery Plugin for Cartoon-like Background Image Animation

jQuery Plugin is for Cartoon-like Background image animation. It is an alternative to the animate GIF with several other advantages. Why it is a better alternate to the animate GIF, because animated GIF allows only 256 colors and you can’t control animation in many way. But jAni plugin loads a long vertical image and changes its background position with speed you specified, giving you more control of the animation.

Lazy Line Printer Plugin

Lazy Line Printer Plugin

Lazy Line Printer Plugin is a jQuery plugin for SVG path animation. Drop you .svg file into the “SVG to Lazy Converter” and get the JS code. Each paths duration can be tweaked in the code.

jQuery Rotation Animation Plugin

jQuery Rotation Animation Plugin

jQuery Rotation Animation Plugin allows you the animate the rotation of any HTML element.

Card Flip JS Plugin

Card Flip JS Plugin

Card Flip JS Plugin allows you to flip two images easily. The flip doesn’t support text. You must create the graphics for using this plugin.

jQuery Gradient Animations Plugin

jQuery Gradient Animations Plugin makes simple animation on CSS3 radial and linear gradients.

jQuery Reel Plugin

jQuery Reel Plugin

jQuery Reel Plugin takes an image tag and convert it into an amazing interactive 360 degree object movie, stop-motion and panorama animation. This plugin is the best alternative to Quicktime, Java and flash.

Duan Lingxin

Duan Lingxin

Content crafter and chief editor at Scratching Info. Also regular contributor on other major online tech platforms. Security Specialist by day and a writer by night, he does his best to instill his knowledge about tech while delivering inspiring and life changing resources through his writing,

More Posts - Website

Leave a Comment