Best jQuery Animation Plugins & Tutorials with Demo

Tabtab.js : jQuery Animated Tabs Plugin

Tabtab.js : jQuery Animated Tabs Plugin

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.The plugin including the velocity.js library.

jcSlider : jQuery Responsive Slider with CSS Animations

jcSlider : jQuery Responsive Slider with CSS Animations

A responsive slider jQuery plugin with CSS animations.This plugin does not use jQuery animations. Only CSS3, because performance matters. No need to calculate distances, sizes or whatever, only add and remove classes to elements to animate them. It couldn’t be easier!

  • Only 1 js file
  • 1Kb minified
  • Responsive
  • Multiple effects (more than 60!)
  • Works with html, images… whatever you want to animate

jQuery Animated Screenshots Plugin

jQuery Animated Screenshots Plugin

jQuery plugin that animates a full height screenshot (or any image) within a parent div to simulate a user scrolling the page.

All Animation : jQuery CSS3 Multiple Animation Plugin

All Animation : jQuery CSS3 Multiple Animation Plugin

All Animation.css is a set of animations, fun to let your sexiest project. They are cross-browser animations but that will emphasize your pages as sliders, 3D effects’s.

Starlight.js : JavaScript Twinkling Visual Effect Library

Starlight.js : JavaScript Twinkling Visual Effect Library

A highly configurable javascript library for creating “twinkling star” effects. You can easily customize every aspect of it to fit the needs of your website. You can apply the effect to more than one element as well.

CSS3 Hovers Effects for Links & Buttons

CSS3 Hovers Effects for Links & Buttons

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG and so on. Easily apply to your own elements, modify or just use for inspiration. Available Sass and LESS.

  • 45 unique effects
  • friendly mobile device
  • CSS3 animations
  • LESS/SCSS/SASS
  • Lightweight and flexible
  • Easy theme customization

Animated Sign Up Flow with CSS3 & jQuery

Animated Sign Up Flow with CSS3 & jQuery

A pricing table that animates into a sign up form once the user selects a plan.

In most cases, you’ll redirect your users to a sign up page. However, if your checkout process is quite simple, an alternative approach would be to animate the pricing table, and show the checkout form right away, in the same page.

Detecting CSS Animation & Transition End with JavaScript

Detecting CSS Animation & Transition End with JavaScript

Detecting the end of CSS animation and transition could be useful if you want to back up some of your JavaScript behavior on CSS.

Enhance.js : Zoom & dynamically Crop Images

Enhance.js : Zoom & dynamically Crop Images

A simple jQuery plugin for image zooming – now with support for object-fit/object-position, powered by Velocity.js animations, complete with some pre-defined image cropping classes.

Raindrops.js : Raindrops effect plugin for jQuery

Raindrops.js : Raindrops effect plugin for jQuery

Raindrop is a plugin that lets you give the raindrop effect. Just a drop in the ocean is the tagline that fits well with what raindrops plugin does.



Best jQuery websites design awards