Best jQuery Animation Plugins & Tutorials with Demo

jQuery Scroller

With jQuery Scroller you can create easily smart scrolling text, news ticker, or image animations with few lines of code in jQuery!

Some Features:

  • Velocity, horizontal or vertical direction, starting/ending points, finite or infinite loops, move type (‘linear’ or ‘ping pong’)
  • Configure mouseover/mouseout events or control programmatically scrolling functions from an external element
  • Play, pause, resume scrolling animations or set a custom pointer.

Blast Slider – jQuery Photo Slider

Blast Slider is a jQuery plugin to create sliders, carousels, rotators with crazy animation effect – slide explodes into particles and then collapses to a new slide!

Creating an Animated e-cards using jParallax

During browsing web I came across a very interesting plugin – jParallax, and suddenly remembered that soon the international women’s day, and decided that today will do something nice for our women. Our today’s article will be about how to create a nice e-card using our favorite library jQuery with own hands.

Quicksand filtering items jQuery plugin

Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

* Using basic HTML, such as an unordered list
* Downloading data with Ajax calls
* HTML items to change with JavaScript

Nautilus animated letters jQuery Plugin

Nautilus is a jQuery plug-in based on Google’s Doodle honoring Jules Verne (it was released on February 8, 2011). The letters of Google looked like hatches that allowed to see “under the sea”, and on the side there was a small controller to move the Nautilus.

Animated fullscreen background image slideshow with jQuery

Animated fullscreen background image slideshow with jQuery

With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the script by changing some variables. It also features image preloading and keyboard navigation (try pressing the numeric keys). The background images have a width of 2000px, just to cover most of the currently used screen resolutions.

Contextual Slideout Tips With jQuery & CSS3

Contextual Slideout Tips With jQuery & CSS3

In this tutorial you will learn how to build contextual slideouts with jQuery and CSS3. The slideouts are ideal for presenting only the highlights of a product, with the details neatly hidden away. You can easily incorporate images, videos, or other rich multimedia content.

JQuery Animated Table Sort – REGEXP Friendly

JQuery Animated Table Sort – REGEXP Friendly

This plugin allows you to animatedly sort a table based on a particular column. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ASCII or numeric and ascending or descending.

Coin Slider jQuery Image Slider with Unique Effects

COIN SLIDER jQuery Image Slider with Unique Effects

COIN SLIDER jQuery Image Slider with Unique Effects

  • Unique transition effects
  • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
  • Valid markup
  • Flexible configuration
  • Auto slide
  • Navigation box
  • Linking images…

Nivo slider : jQuery Image Slider Plugin

Nivo Slider in jQuery

Nivo slider is a image slider with

  • 11 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation….