Best jQuery Animation Plugins & Tutorials with Demo

Animated Animals in CSS and SVG

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.

animateClick : jQuery Animations Effect on Mouse Click

animateClick : jQuery Animations Effect on Mouse Click

This jQuery plugin allows you to produce animations at the mouse click. animateClick comes with 5 animations to enhance your button clicks or clicks on any element in your webpage. The plugin allows you to define the color and size of the animations as well.

Ink Transition Effect with CSS & jQuery

Ink Transition Effect with CSS & jQuery

An ink bleed transition effect, powered by CSS animations.

Voxel.css: Easy 3D CSS Libarary

Voxel.css: Easy 3D CSS Libarary

Voxel.css makes it easy to render 3D. It supports all image types and includes GPU acceleration and CSS3 transitions.

CSS Mobile Header Animations

CSS Mobile Header Animations

I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.

Flik : jQuery Timeline Plugin with CSS3

Flik : jQuery Timeline Plugin with CSS3

This is very simple and modern CSS3 and jQuery. 8 style with 5 different effect

Features:

  • 8 Style
  • 5 different effect
  • Pure CSS3
  • Works with all CSS3 Browsers
  • Easy to implement, customize and style

Interactive Animated SVG Drum Kit

Interactive Animated SVG Drum Kit

Today we’re going to create an animated SVG drum kit that can be played by clicking, tapping or using your keyboard, and that can also be programmed to play by itself! We’ll be making use of GreenSock’s TweenMax animation library, jQuery and the <audio> element.

Spring Loaders with Rebound and Canvas

Spring Loaders with Rebound and Canvas

A tutorial on how to create a loading spinner made with inscribed polygons and animated with Rebound spring motion.

Shifting Material Button Modal with CSS3 & jQuery

Shifting Material Button Modal with CSS3 & jQuery

Two call-to-action buttons that give context to your modals in a Material Design fashion.

Hamburgers : Tasty CSS Animated Hamburgers

Hamburgers : Tasty CSS Animated Hamburgers

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger.



Best jQuery websites design awards