Best jQuery Animation Plugins & Tutorials with Demo

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.

Force.js: Scroll and Animate your page

Force.js: Scroll and Animate your page

Force.js is the easy way to scroll and animate your page. It uses CSS-Transitions to animate by default (and falls back to JavaScript if they’re not supported) and offers a variety of easing functions.

Animated Animals in CSS and SVG

Animated Animals in CSS and SVG

Learn some interesting animation techniques involving Sass and SVG filters for realistic motion effects on the example of animated animals.

animateClick : jQuery Animations Effect on Mouse Click

animateClick : jQuery Animations Effect on Mouse Click

This jQuery plugin allows you to produce animations at the mouse click. animateClick comes with 5 animations to enhance your button clicks or clicks on any element in your webpage. The plugin allows you to define the color and size of the animations as well.

Ink Transition Effect with CSS & jQuery

Ink Transition Effect with CSS & jQuery

An ink bleed transition effect, powered by CSS animations.

Voxel.css: Easy 3D CSS Libarary

Voxel.css: Easy 3D CSS Libarary

Voxel.css makes it easy to render 3D. It supports all image types and includes GPU acceleration and CSS3 transitions.



Best jQuery websites design awards