jQuery Animation Plugin & Tutorials with Example

RippleButtons.js : Standalone library for Ripple Effects

RippleButtons.js : Standalone library for Ripple Effects

RippleButtons.js – a tiny standalone library for adding ripple animations to your website.

SwishJS : CSS Animation Framework for jQuery Applications

SwishJS : CSS Animation Framework for jQuery Applications

A lightweight JavaScript library for animating elements using pre-defined CSS transitions. Includes jQuery plugin.

Swish works much like jQuery’s show and hide methods, which transition the element while toggling its display property. Swish does this too, except it transitions using CSS instead of JavaScript.

jQuery Animations Spotlight

jQuery Animations Spotlight

A plugin of jQuery-animations that provides tile animations.

Animsition : jQuery plugin to Add Page Transition with CSS3

Animsition : jQuery plugin to Add Page Transition with CSS3

Animsition is a simple and easy jQuery plugin used to add page transition on css animations.

Morphing Slogan : Animated background from Text-Format

Morphing Slogan : Animated background from Text-Format

Morphing Slogan is a JavaScript application which allows to dynamically create animated background from text-format (JSON). It can be easily included in any website & Customize. Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images.

Velocity.js : Accelerated jQuery Animation

Velocity.js : Accelerated jQuery Animation
  • Velocity is a smart animation engine that re-implements jQuery’s $.animate() for significantly greater performance (making Velocity also faster than CSS animation libraries) while including new features to improve workflow.
  • In just 9Kb zipped, Velocity includes all of $.animate()’s features while packing in color animation, transforms, loops, easings, SVG support, and scrolling. Velocity is the best of jQuery, jQuery UI, and CSS transitions combined.

Wodry.js : jQuery plugin for a Text Flipping/Rotating

Wodry.js : jQuery plugin for a Text Flipping/Rotating

Wodry.js is a simple jQuery plugin for a text flipping/rotating written in CoffeeScript. It was inspired by the Adjector.js. Wodry.js does the same things but it has new features that allow you to set animation from animations collection, set your own callback on content flipping, etc.

Rippler : Effect that spreads like a wave in touch or click

Rippler : Effect that spreads like a wave in touch or click

Rippler is a  effect that spreads like a wave in touch or click with javascript and css3.

Responsive Newsletter Form with CSS3 & jQuery

Responsive Newsletter Form with CSS3 & jQuery

A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.

Closing Door Menu with CSS3 & jQuery

Closing Door Menu with CSS3 & jQuery

This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.



Best jQuery websites design awards