Best jQuery Animation Plugins & Tutorials with Demo

Spin2Win Wheel – Spin It 2 Win It!

Spin2Win Wheel - Spin It 2 Win It!

Built using Scalable Vector Graphics Spin2Win Wheel is a responsive, flexible, customisable, resolution independent spin wheel game whose outcomes you control.

Spin results, prizes, win/lose, number of spins and more can be controlled using JSON data. You can also customise the look and feel of Spin2Win.

Multi-Layer Page Reveal Effects with CSS & JavaScript

Multi-Layer Page Reveal Effects with CSS & JavaScript

Today we’d like to show you how to create a simple and modern page transition effect. Maybe you have spotted some of the cool effects seen on sites like Nation or Keep Portland Weird, where two or more layers of overlays are animated across the page to reveal some new content. Let’s see how we can do something like that. We’ll focus on the animation part only, not the loading of content. For the effects we’ll be using CSS Animations.

ImageLinks : jQuery Interactive Image

ImageLinks : jQuery Interactive Image

ImageLinks is a lightweight solution for creation interactive images. With this plugin you are able to easily make an interactive image for your site that empowers publishers and bloggers to create more engaging content by adding rich media links to photos.

  • 2 Predefined Themes – included 2 skins (default & dark), you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • CSS3 Animations – over 100+ CSS3 animations are available to give some stunning effects
  • Build with LESS – LESS and CSS files included
  • Cross-Browser – supports for all major browsers, including touch-screen devices and mobile devices

TypeWriting.js : JavaScript Library for Typewriter Effect

TypeWriting.js : JavaScript Library for Typewriter Effect

Typewriting js is a javascript library that make the typewriter effect.

BRINGINS : jQuery Animated Page Plugin

BRINGINS : jQuery Animated Page Plugin

bringins is a jQuery plugin to show contents on a webpage as an animated page. These page will be positioned ‘fixed’ with scrollable data. You can have your custom CSS content to appear in the bringins pages. This plugin allows you to choose from three intoduction animations for the page whether to animate the page on the left, right or center of the webpage. The plugin also provides options to specify the color of the page, width, z-index, margin and color of the close button for the page.

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.