Best jQuery Animation Plugins & Tutorials with Demo

    Material Design Ripple Effects with SVG

    Material Design Ripple Effects with SVG

    An in-depth tutorial on how to build the ripple effect outlined under Google Material Design’s Radial Action specification and combine it with the powers of SVG and GreenSock.

    cardflip : Card flip Animation with jQuery & CSS3

    cardflip : Card flip Animation with jQuery & CSS3

    Simple card flip animation using jQuery and CSS3 animations.

    Fullscreen Video Opening Animation with CSS3

    Fullscreen Video Opening Animation with CSS3

    In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearing on the photo stack which contains a video. The animation is a slight rotation of the frame and a subtle scaling of the video, which already starts to play. The whole wrapper expands to full screen without any play controls; just the closing cross will be shown. Once the video ends, or, if the user clicks on the closing cross, the video will simply disappear.

    Actuate.js : jQuery wrapper for Animate.css

    Actuate.js : jQuery wrapper for Animate.css

    A jQuery wrapper for animate.css that makes it one line easy to start using css animations. The plugin includes a bunch of swaggy animations but can be used to initialise any animation you like.

    Elastic Progress with SVG & CSS

    Elastic Progress with SVG & CSS

    An elastic SVG progress loader based on the Dribbble shot “Download” by xjw and implemented with SVG and TweenMax.

    SVG Modal Window with CSS3

    SVG Modal Window with CSS3

    A simple modal window with an SVG background animated using Snap.svg.

    Responsive SVG Handwriting Font Animation Script

    Responsive SVG Handwriting Font Animation Script

    You can create easily SVG text with any font and animate it in your wordpress dashboard or directly in your PHP file.

    • Compatible with any browser, including Internet Explorer
    • Use your own font file. Any font can be used
    • Publish your animation anywhere with a few lines of PHP code.
    • Using presets.
    • Create stylish animations unlimited and publish in 5 minutes.

    Html5tooltips.js : Tooltips with smooth 3D animation

    Html5tooltips.js : Tooltips with smooth 3D animation

    Tooltips  written in pure JavaScript, with smooth 3D animation implemented in CSS. No framework dependencies.

    PleaseWait.js : JavaScript beautiful Splash page Library

    PleaseWait.js : JavaScript beautiful Splash page Library

    A simple library to show your users a beautiful splash page while your application loads.

    TURNBOX.js : jQuery 3D Turn Animation

    TURNBOX.js : jQuery 3D Turn Animation

    TURNBOX.js is a jQuery plugin for flat design UI to perform 3D animation.