Best jQuery Animation Plugins & Tutorials with Demo

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.

Creative SVG Letter Animations

Creative SVG Letter Animations

An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.

Ultimate Image Hover effects using CSS3

Ultimate Image Hover effects using CSS3

In this tutorial, total number of 8 ultimate hover effects and every single effect contain 3 different effects using same property of CSS3. So you easily learn the single property like transform, translate and transition use with 3 demos.

PhysicsJS : Physics engine for JavaScript

PhysicsJS : Physics engine for JavaScript

A modular, extendable, and easy-to-use physics engine for javascript.

Filterizr : jQuery Stunning Filterable Gallery

Filterizr : jQuery Stunning Filterable Gallery

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

Features:

  • Pluggable look & feel (write your CSS effects in the box on the right and hit Filterize!)
  • Performant — optimized for smooth experience on mobile devices
  • Lightweight — around 8.5kb, jQuery is its only dependency
  • Responsive — with your Media Queries (resize the window!)
  • Open source

Scrollex : Nifty scroll events for jQuery

Scrollex : Nifty scroll events for jQuery

Adds slick new scroll events to jQuery (like enter and leave) so you can drop scrolling effects like a boss. Requires jQuery 1.11+.

Icon Animations Powered by mo.js

Icon Animations Powered by mo.js

Various icon animations made with mo.js, a powerful motion graphics library by Oleg Solomka. Inspiration comes from the Dribbble shot “Like Animation” by Daryl Ginn.

SVG 3D Tag Cloud jQuery Plugin

SVG 3D Tag Cloud jQuery Plugin

“SVG 3D Tag Cloud” is a lightweight jQuery plugin that creates a three dimensional Tag Cloud.
Easy to use. Only requires 5 KB of filesize. No depandancies. No additionals plugins. Fully customizable.

Polaroid Stack to Grid Intro Animation

Polaroid Stack to Grid Intro Animation

A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.

Smooth Animate : Make your Animations Really Smooth

Smooth Animate : Make your Animations Really Smooth

SmoothAnimate is tiny, super lightweight (5.2kb minified) javascript plugin that is designed to replace horribly slow jQuery’s $.animate().It makes your animations really smooth and fast unlike jQuery.

Features:

  • Faster than jQuery – a few tens of times faster!
  • Smoother than CSS – indeed
  • 28 predefined Easings – + your own custom cubic Bezier curves
  • Small size – something about 5 kb in minified version
  • Cross-browser code – support IE9+/Firefox/Chrome/Opera/Safari
  • No Dependencies – written in pure JS, also works with jQuery


Best jQuery websites design awards