Best jQuery Animation Plugins & Tutorials with Demo

Twitter Heart Button CSS3 Animation

Twitter Heart Button CSS3 Animation

Today twitter has been introduced a new heart (like) button, it is actually a replacement for favorite button. I love the way twitter has implemented cool animation effect for click action. This post will explain you, how to implement this using CSS3 and Jquery.

Custombox : Modal Window Effects with transitions CSS3

Custombox : Modal Window Effects with transitions CSS3

Custombox is a modal window effects with transitions CSS3.

BackgroundScroll.js : jQuery Animated Scroll Background Image

BackgroundScroll.js : jQuery Animated Scroll Background Image

jQuery plug-in to scroll the CSS background image automatically.

A plurality of images are to scroll at different speeds to up, down, left and right oblique direction .

Animate Element Along SVG Path

Animate Element Along SVG Path

Today I’ll show you how to animate an SVG element along a predefined path using snapsvg javascript library.

Quttons : Buttons made of Quantum Paper

Quttons : Buttons made of Quantum Paper

With this jQuery plugin you can hide any div behind a Quantum [Paper] Button or Qutton.

Qunatum Paper is a digital paper that can change its size, shape and color to accomodate new content. Quantum paper is part of Google’s new Material Design language.

Parallax.js : jQuery Parallax Engine

Parallax.js : jQuery Parallax Engine

Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Quietflow.js : jQuery beautiful Dynamic or Static Visual Effects

Quietflow.js : jQuery beautiful Dynamic or Static Visual Effects

Quietflow.js is a jQuery library for creating beautiful dynamic or static visual effects.

Animated Canvas Particles with jQuery

Animated Canvas Particles with jQuery

Canvas Particles is a jQuery plugin that renders animated, interactive, fully configurable particles using HTML5 canvas 2D API.

Animated Intro Section with CSS3

Animated Intro Section with CSS3

A collection of fancy text effects, to animate the tagline and action buttons of your website intro section.

Animate.js : Smooth CSS-powered animations in JavaScript

Animate.js : Smooth CSS-powered animations in JavaScript

Animate.js is a tiny library that helps you write smooth CSS-powered animations in JavaScript.