Best jQuery Animation Plugins & Tutorials with Demo

    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.

    30 CSS Hover Effects For Buttons

    30 CSS Hover Effects For Buttons

    I have created 30 CSS button hover effects that uses only CSS for the animation. In this tutorial I will only explain how the sixth example works. You can view the code for the rest of the buttons by downloading the source code.