Best jQuery Animation Plugins & Tutorials with Demo

BWL Searchable Accordion jQuery Plugin

July 9, 2014 | Accordion, Animation, CSS2 / CSS3.0, Plugins, Premium, Responsive

BWL Searchable Accordion jQuery Plugin provide you a great way to create responsive and animated accordions for your website. This jQuery plugin comes with well commented jQuery code and valid HTML5 markup, so that you can easily customize code without any issue.

Features:

Smooth jQuery & CSS3 based Accordion.
Unique search bar to find contents easily.
Unlimited Accordions in a single page.
14+ Smooth Animation & Effects.
6 Stylish Predefined Accordion Theme.
Less file included for easy CSS customization.
Font Awesome.
Google Fonts.
Retina Ready.
Responsive Accordion

Read More Demo

Bounce.js : CSS3 Keyframe Animation Generator

July 9, 2014 | Animation, Core Java Script, CSS2 / CSS3.0

Create tasty CSS3 powered animations in no time. Bounce.js is a tool for generating tasty CSS3 powered keyframe animations.

Read More Demo

Flare : jQuery Animated Optical Flare Plugin

July 8, 2014 | Animation, Plugins

This is a plugin for jQuery which animates a colored optical flare to slide across elements. The flare is white in the center and has a customizable colored glow. The plugin also allows change of speed, glow radius, and event triggering the animation. The animation is performed by sliding across an element’s top-left corner to the top-right corner.

Read More Demo

jQuery Smoove – Gorgeous CSS3 Scroll Effects

July 7, 2014 | Animation, CSS2 / CSS3.0, Plugins

Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into the page as your scroll down the page.

Read More Demo

Adjector.js : A Minimal and Elegant Content Flipper

July 4, 2014 | Animation, CSS2 / CSS3.0, Plugins, Text Effect

In this tutorial I’ll help you add one such snippet to your own website. Adjector.js is a flexible, minimal and elegant content flipper/rotator which takes only a few minutes to integrate.Adjector.js is a great jQuery plugin which anyone can use and make his/her content talk.

Read More Demo

Animated Icons with CSS3

June 28, 2014 | Animation, CSS2 / CSS3.0

A sample pack (10) of animated icons from Kickdrop. Full icon set coming soon! These retina-ready icons were animated in Adobe After Effects and are exported as .png sprites-sheets. Sprite-sheets contain a collage of frame-by-frame stills that make up an animation (This technique has a long history in gaming).

We used Stitches , a .png sprite sequence generator, to create the final sheets. After generating the sprite sheets, we used pure CSS3 to animate through the sprite sheet on hover. The mixture css animations and sprite-sheets creates an interesting combination to create visually rich, game-like experiences.

Read More Demo