Best jQuery Animation Plugins & Tutorials with Demo

Levelup : jQuery Point Increment Decrement Animation

Levelup : jQuery Point Increment Decrement Animation

Simple +1/-1 Animation similar to point accumulation in a video game.

Hoverify Bootnav : jQuery Animated Menu Effects

Hoverify Bootnav : jQuery Animated Menu Effects

jQuery hoverfiyBootnav is a simple bootstrap addon to add a nice effect on nav’s hover.

WAIT! Animate : Insert a delay between each Animation Iteration

WAIT! Animate : Insert a delay between each Animation Iteration

Provides an easy way to calculate CSS keyframe percentages so that you can insert a delay between each animation iteration.

Radial SVG Responsive Slider

Radial SVG Responsive Slider

A simple, responsive slider, with a radial transition effect powered by SVG clipPath and mask elements.

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.



Best jQuery websites design awards