Best jQuery Animation Plugins & Tutorials with Demo

Ladda Loading Indicators for Bootstrap 3

Ladda Loading Indicators for Bootstrap 3

Buttons with built-in loading indicators, effectively bridging the gap between action and feedback for bootstrap.It is drive from original ladda loading indication by hakimel.

Particles.js : JavaScript library for Creating Particles

Particles.js : JavaScript library for Creating Particles

A lightweight JavaScript library for creating particles.

jQuery 3D Heart Animation

jQuery 3D Heart Animation

Animated heart prototype for the Climate Coalition exploring 3D transitions and masking techniques.

jQuery Circle Shaped Progressbars

jQuery Circle Shaped Progressbars

A jQuery Plugin for several Circle Shaped Progressbars.

SmoothSlides : jQuery Slideshow with beautiful Panning Effects

SmoothSlides : jQuery Slideshow with beautiful Panning Effects

A responsive jQuery slideshow with beautiful panning effects on each image.

Yoshi : Html5 Particle Effects System

Yoshi : Html5 Particle Effects System

You’re most likely looking for something specific – not a generic plugin that will bend to your needs. CodeDroid12 plugins are not all-in-one or multipurpose. They’re built to serve one specific task well – and usually with a quick Copy & Paste approach. The idea is to get your problem fixed as fast and efficiently as possible – without you needing to even waste time reading documentation.

  • Includes generator page
  • Includes all shown presets
  • Built awesome particle effects in seconds
  • Rain, Snow, Bubbles, Dust, Orbital, Molecules, Wind, Electricity and much more!
  • No Coding Skills Needed
  • Awesome, unique and fun!

ClickSpark.js : JavaScript & HTML5 Particle Effects

ClickSpark.js : JavaScript & HTML5 Particle Effects

ClickSpark.js is an open source particle effect tool for the frontend. It’s based on JavaScript and HTML5.

ClickSpark.js adds beautiful particle effects to yourJavaScript events. The special feature is that image files can be used as single particles. It’s easily configurable and flexible.

Livepicture : jQuery plugin for Moving Pictures

Livepicture : jQuery plugin for Moving Pictures

jQuery plugin for creating moving pictures, from static images!

Rainbow.js : jQuery plugin for Creating Rainbow or Gradient Text

Rainbow.js : jQuery plugin for Creating Rainbow or Gradient Text

jQuery plugin to create rainbow or gradient text, optionally animated.

  • colors: an array of CSS color values
  • animate: boolean
  • animateInterval: # of ms between frames
  • pad: pad the color array with the last color so the gradient appears only once
  • pauseLength: # of ms to pause between iterations through the colors

Animated Page Transition with CSS3 & Ajax

Animated Page Transition with CSS3 & Ajax

An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.

We’ve been experimenting lately with a CSS powered animation that replaces the refresh of the web page while the content is updated using ajax. Today’s nugget is based on the same idea, but with a different execution: this time a simple hover effect turns into a loading bar, that finally expands with new content!



Best jQuery websites design awards