Best jQuery Animation Plugins & Tutorials with Demo

    Scroll Animation WordPress Plugin

    Scroll Animation WordPress Plugin

    Animate your WordPress content while user scrolling.

    • CSS3 transition.
    • Optional animation style.
    • Optional jQuery selector of the WordPress content you want to animate.
    • Animation trigger when user scroll to the content, you can customize the offset in the backend.
    • Optional to enable the scroll animation in a certain post/page only.
    • Compatible with latest jQuery and latest WordPress.
    • Enqueue the js and css only when needed. Keep WordPress page size smaller.

    jQuery animate number plugin

    jQuery animate number plugin

    jQuery numbers animation plugin, adds ‘number’ property and step function to jQuery’s animate function properties.

    Magic Responsive Slider & Carousel jQuery WordPress Plugin

    Magic Responsive Slider & Carousel jQuery WordPress Plugin

    Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

    Features:

    • touch screen navigation support for mobile
    • responsive design – available parameter to disable responsive behaviour
    • multimedia support: Images, YouTube, Vimeo, HTML5 video and HTML5 audio. HTML5 video and HTML5 audio will not work in IE7 & IE8
    • lightbox support
    • border – you can set the border size and border color for active and inactive image.
    • Fixed Dimensions Version, Full Width Version and Responsive Version
    • circle timer parameters for color, dimensions, transparency (available only for Perspective version)
    • width & height parameters
    • it supports links for each image with parameter for _self or _blank
    • autoplay parameter

    Magic Move : jQuery Animate DOM transitions Plugin

    Magic Move : jQuery Animate DOM transitions Plugin

    The library works by appending a separate and hidden clone of the element you’re transitioning to the page. Any DOM manipulation you do is actually manipulating that clone. Then, when you’re finished, the library looks at the difference between the element’s current position, and the clone’s position, and animates between them (using CSS transitions).

    jQuery BgSwitcher : Switch the Background Image Plugin

    jQuery BgSwitcher : Switch the Background Image Plugin

    jQuery BgSwitcher is a plugin to Switch the background image with using effects.

    bespoke-fx : CSS slide transitions with JavaScript

    bespoke-fx : CSS slide transitions with JavaScript

    bespoke-fx is a CSS slide transitions for bespoke.js.This is useful when you want to transition a single slide in a different way to other slides.

    LatestNews : jQuery Animated News Ticker Plugin

    LatestNews : jQuery Animated News Ticker Plugin

    LatestNews is a new responsive plugin that allows you to show news feed with amazing text effects. It already comes with a Theme Configurator (360 css files included!) and 200 ready-to-use text animations.

    Features:

    • 200 ready-to-use animations
    • theme configurator
    • responsive
    • SEO friendly
    • it can get news items from facebook (php files included)
    • it can get news items from twitter (php files included)
    • it can get news items from standard RSS
    • it can animate both letters and words
    • full compatibility with all the latest browsers
    • fallback for older browsers

    WOW.js : Reveal CSS animation as you Scroll down a page

    WOW.js : Reveal CSS animation as you Scroll down a page

    Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.

    Advantages:

    • Smaller than other javascript parallax plugins, like Scrollorama (they do fantastic things, but can be too much heavier for simple needs)
    • Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup
    • Fast execution and lightweight code: the browser will like it 😉

    Cre-animate : Onscroll jQuery Animations

    Cre-animate : Onscroll jQuery Animations

    Now you can quickly and easily add onscroll animations to any elements on your website. Images, Text, Buttons, anything can be animated on scrolling.Also included is an Animation Generator so you can easily select your options for the animation properties and the generator will spit out the code for your website.

    Features:

    • 10 Type of Animation
    • Animation Speed Option
    • Animation Delay
    • Animation offset
    • 27 Animation easing options

    Boxaroo : jQuery Animated Puch Pack into Lightbox

    Boxaroo : jQuery Animated Puch Pack into Lightbox

    Boxaroo packs a punch into the Lightbox – providing full customization control over the environment while catering to both beginners and developers. Packed to the gills with nearly 400MB of optimized graphics (66 Envato Marketplace Items) and over 170 optional settings – Boxaroo is possibly the most flexible and customizable Lightbox solution yet.

    Features:

    • 66 Envato Marketplace Items 
    • 170 Customization Settings
    • Minified Production + Source Code
    • 6 pre-built Skins
    • 10 CSS3 Preloaders with GIF Fallbacks
    • 800 Premium Backgrounds
    • 100+ Navigation Button Graphics
    • 100+ Seamless Tiles
    • Customizable Thumbnail Hover Effects
    • Comprehensive and Interactive Documentation