Best jQuery Animation Plugins & Tutorials with Demo

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.

Distorted Button Effects with SVG Filters

Distorted Button Effects with SVG Filters

A set of inspirational, highly experimental distortion effects for buttons using SVG filters.The main idea is to apply distortion or blob filters to buttons and explore some creative possibilities.

Animated Transition Effects with CSS & jQuery

Animated Transition Effects with CSS & jQuery

A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!

SamsaraJS : Layout Animation library

SamsaraJS : Layout Animation library

SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of composing streams.

Animation of Fall JavaScript Plugin

Animation of Fall JavaScript Plugin

With help of this plugin you can simply add the animation of fall with your images and settings to your site. Also package include the “CPanel” plugin. He make possible to easy find the best parameters of animation on your taste!

Barrager.js : jQuery Animated Notification Marquee

Barrager.js : jQuery Animated Notification Marquee

Jquery.barrager.js is an elegant web barrage plugin, support for displaying images, text and hyperlinks. Support speed, height, color, quantity custom.

Rippleria : jQuery Ripple effect Plugin

Rippleria : jQuery Ripple effect Plugin

A lightweight yet customizable jQuery plugin for implementing Material Design inspired ripple click / tap effects using CSS3 animations.

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

  • Unlimited Number of Slides – you can use unlimited numbers of submenus
  • CSS3 Animations – over 60+ CSS3 animations are available to give some stunning effects to the menu
  • 5 Predefined Themes – included 5 skins, you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • Build with LESS – LESS and CSS files included

Inspirational Input Focus & Placeholder Effects with CSS3

Inspirational Input Focus & Placeholder Effects

In this tutorial, you see input border, background, placeholder effects on focus. And also see placeholder move as a label on input focus.

Repaintless.css : Library for fast CSS Animations

Repaintless.css : Library for fast CSS Animations

Repaintless.css in a lightweight animation library that consists only of animations that don’t cause reflows and repaints of a website when used correctly.