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.