Best jQuery Animation Plugins & Tutorials with Demo

    bricklr : JavaScript Brick-Wall Effects

    bricklr : JavaScript Brick-Wall Effects

    Bricklr  is a javascript library for brick-wall effects.

    Particleground : jQuery plugin for background Particle Systems

    Particleground : jQuery plugin for background Particle Systems

    A jQuery plugin for snazzy background particle systems. Includes an optional parallax effect controlled by the mouse on desktop devices and gyroscope on mobile devices. Works in any browser that supports HTML5 canvas.

    wankyPages : Fancy Page Transitions with jQuery & CSS3

    wankyPages : Fancy Page Transitions with jQuery & CSS3

    Wanky Pages is a page switching management with 3D/2D CSS3 transition support and jQuery.

    OpenMes : jQuery Open Messages With Animation Effects

    OpenMes : jQuery Open Messages With Animation Effects

    OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.

    RippleButtons.js : Standalone library for Ripple Effects

    RippleButtons.js : Standalone library for Ripple Effects

    RippleButtons.js – a tiny standalone library for adding ripple animations to your website.

    SwishJS : CSS Animation Framework for jQuery Applications

    SwishJS : CSS Animation Framework for jQuery Applications

    A lightweight JavaScript library for animating elements using pre-defined CSS transitions. Includes jQuery plugin.

    Swish works much like jQuery’s show and hide methods, which transition the element while toggling its display property. Swish does this too, except it transitions using CSS instead of JavaScript.

    jQuery Animations Spotlight

    jQuery Animations Spotlight

    A plugin of jQuery-animations that provides tile animations.

    Animsition : jQuery plugin to Add Page Transition with CSS3

    Animsition : jQuery plugin to Add Page Transition with CSS3

    Animsition is a simple and easy jQuery plugin used to add page transition on css animations.

    Morphing Slogan : Animated background from Text-Format

    Morphing Slogan : Animated background from Text-Format

    Morphing Slogan is a JavaScript application which allows to dynamically create animated background from text-format (JSON). It can be easily included in any website & Customize. Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images.

    Velocity.js : Accelerated jQuery Animation

    Velocity.js : Accelerated jQuery Animation
    • Velocity is a smart animation engine that re-implements jQuery’s $.animate() for significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve workflow.
    • In just 9Kb zipped, Velocity includes all of $.animate()’s features while packing in color animation, transforms, loops, easings, SVG support, and scrolling. Velocity is the best of jQuery, jQuery UI, and CSS transitions combined.