Learning jQuery

jQuery animation plugins allow you to animate your websites content elegantly to make it more beautiful and eye-catching. With jQuery animations plugins you can create various text effects, side scrolling, progress bar loading, navigation effects, spinners and loaders and many more.

For this roundup we have compiled a list of 20 jQuery Animation Plugins that will enable you to create some stunning animations for your websites and projects. Feel free to share your thoughts with us by posting a comment below.
Enjoy !!

1. jQuery Scrollable

jQuery.scrollable manages animated scrolling in windows, scrollable elements and iframes. It frees you from handling gotchas and edge cases and offers convenient, flexible options for animation.

2. jsTiles

This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles. As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You also have to include jQuery easing in order to let animations get smoothly executed.

3. Logos Distort

This plugin allows you to (currently) do full-page 3d perspective transforms base on mouse position. There are a lot of options you can tweak to your liking, and I’m looking to develop the application of this effect further.

4. fakeLoader.js

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

5. Gif Player

gifplayer is a customizable jQuery plugin to play and stop animated gifs.

6. WaitMe

waitMe is a jQuery plugin for easy creating loading CSS3 animations. Plugin use css3 animation, and works on all browsers and IE10+.

7. LetterFX

LetterFx is a a jQuery plugin to apply animated visual effects to text - letters, words & custom patterns. LetterFx works by temporarily injecting markup into the text of an $("element") and sequentially adding & removing transition-based CSS classes.

4. jQlouds

jQlouds is a jQuery plugin that let's you create clouds on the fly. There are some options to customize plugin.

9. Goal Progress

Goal Progress plugin allows you to create an animated progress bar using jQuery. Just fill in the required input and the plugin calculates the progress of your goal and animates the bar. You can specify text to put before and after the amount raised.

10. scrollReveal.js

scrollReveal.js is a javascript plugin for declarative on-scroll reveal animations. It's simple way to create and maintain how elements fade in, triggered when they enter the viewport.

10. SlipHover

SlipHover is a jQuery plugin to apply direction aware hover animation to images or any other elements.

11. Magic Layout

Magic layout is a JQuery plugin by which you can animate all the elements on the page. There are 36 CSS3 animations that gives a huge advantage in performance. The plugin follow Responsive Web Design and it is fully adapted for mobile devices. Magic layout is simple to set up.

12. jQuery Animated Screenshot Plugin

jQuery plugin that animates a full height screenshot (or any image) within a parent div to simulate a user scrolling the page.

13. Magic Move

Magic Move is a jQuery plugin to do transitions between DOM states. Magic Move is a better way of doing transitions and, rather than hard coding positions, delegate layout to the browser.

14. jQuery Flot Animator

Flot Animator is a jQuery plugin that will add smooth or gradual animations to your Flot charts, Flot Animator will allow you to highlight and draw attention to some charts and/or series by easily adding animation to your existing charts.

15. Animelt

Animelt is a jQuery plugin that allows you to run complex animations on your web page.

16. jQuery Transformlist

jquery.transformlist is a jQuery plugin to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions. jquery.transformlist aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use jQuery.animate() between different sets of arguments for those transform functions.

17. jQuery Waiting

jQuery Waiting is a jQuery plugin to generate spinners and loaders, without images, canvas, or other nonsense. jQuery Waiting uses standard, widely accepted css to style your waiting spinner, and a little jQuery to make it function.

18. JZoopraxiscope

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

19. Bouncy Navigation

Bouncy Navigation is a full-screen navigation, with floating menu items. CSS animations and jQuery used to animate navigation items, and let them bounce in and out the screen.

20. jQuery Counter Bar Animation

jQuery Counter Animation is a bar animation created by using jQuery and data attributes.