Best jQuery Animation Plugins & Tutorials with Demo

Animated CSS3 Input Checkbox with Checkbox.css

Animated CSS3 Input Checkbox with Checkbox.css

A tiny set of CSS3 animations for your input checkboxes.

Canvas Dots with jQuery & HTML5

Canvas Dots with jQuery & HTML5

Random moves of particles, count of dots and connection distance selected by smart algorithm depend from count of dots and square of block. Working on most browser (include mobile devices) without braking. Particles leave from mouse cursor.

jQuery Spinning 3d Earth Plugin

jQuery Spinning 3d Earth Plugin

jQuery plugin that allows you to draw a beautiful 3d spinning earth on canvas. Based on the amazing sphere.js plugin of Sam Hasler, jquery.earth3d.js is an open source jquery ui plugin which will allow you to emulate a 3d earth (or any planet actually) on canvas.

LivIcons Evolution as jQuery plugin

LivIcons Evolution as jQuery plugin

LivIcons Evolution is the next modern generation of a classic LivIcons pack of a cross browser vector icons with individual mini animation for each one. They are based on SVG (Scalable Vector Graphic), powered by JavaScript, work in all modern browsers and look perfect at any devices. Yes, Retina too.

Features:

  • Based on GSAP (GreenSock Animation Platform)
  • Completely redeveloped from scratch
  • Each icon comes with five (5) styles
  • Very flexible settings
  • More than 300 icons
  • Hover,click and autoPlay events
  • Any color, any size
  • Animated and static
  • Retina perfect

Rotate : jQuery plugin to Animate Rotate Images and Elements

Rotate : jQuery plugin to Animate Rotate Images and Elements

The simple, easy-to-implement animation plugin to rotate icons, images, and elements.

Distorted Button Effects with SVG Filters

Distorted Button Effects with SVG Filters

A set of inspirational, highly experimental distortion effects for buttons using SVG filters.The main idea is to apply distortion or blob filters to buttons and explore some creative possibilities.

Animated Transition Effects with CSS & jQuery

Animated Transition Effects with CSS & jQuery

A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!

SamsaraJS : Layout Animation library

SamsaraJS : Layout Animation library

SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of composing streams.

Animation of Fall JavaScript Plugin

Animation of Fall JavaScript Plugin

With help of this plugin you can simply add the animation of fall with your images and settings to your site. Also package include the “CPanel” plugin. He make possible to easy find the best parameters of animation on your taste!

Barrager.js : jQuery Animated Notification Marquee

Barrager.js : jQuery Animated Notification Marquee

Jquery.barrager.js is an elegant web barrage plugin, support for displaying images, text and hyperlinks. Support speed, height, color, quantity custom.



Best jQuery websites design awards