Best jQuery Animation Plugins & Tutorials with Demo

    Wodry.js : jQuery plugin for a Text Flipping/Rotating

    Wodry.js : jQuery plugin for a Text Flipping/Rotating

    Wodry.js is a simple jQuery plugin for a text flipping/rotating written in CoffeeScript. It was inspired by the Adjector.js. Wodry.js does the same things but it has new features that allow you to set animation from animations collection, set your own callback on content flipping, etc.

    Rippler : Effect that spreads like a wave in touch or click

    Rippler : Effect that spreads like a wave in touch or click

    Rippler is a  effect that spreads like a wave in touch or click with javascript and css3.

    Responsive Newsletter Form with CSS3 & jQuery

    Responsive Newsletter Form with CSS3 & jQuery

    A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.

    Closing Door Menu with CSS3 & jQuery

    Closing Door Menu with CSS3 & jQuery

    This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

    Waves : Click effect Inspired by Google’s Material Design

    Waves : Click effect Inspired by Google's Material Design

    Waves is a Click effect inspired by Google’s material design.

    Fly! 3D – Attractive jQuery Effect

    Fly! 3D - Attractive jQuery Effect

    Fly! 3D  is an attractive jQuery Effect.By using this plugin your whole screen is fill with fly objects.

    Page Preloading Effect with CSS3 & SVG

    Page Preloading Effect with CSS3 & SVG

    A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. We are going to use CSS animations, 3D transforms and SVGs.

    Datmenu – Responsive Menu jQuery Plugin

    Datmenu - Responsive Menu jQuery Plugin

    DatMenu is a premium quality jquery plugin for responsive navigation that is built with love and care.

    • Easy To use
    • Multiple Animations
    • Easy Modifications
    • Top Menu Bar
    • Retina Ready
    • Responsive layout
    • Compatibility (IE, Firefox, Opera, Safari, Chrome)
    • Unlimited Colors
    • Unlimited Styling Options

    Enliven ’em! – Animation Engine for Vector Graphic

    Enliven 'em! - Animation Engine for Vector Graphic

    Enliven ‘em is a jQuery plugin which lets you animate any vector graphic in SVG form in many different ways when your illustration become visible in a user browser viewport (suitable for “non-hover” devices like Apple’s ones). Also you can allow an animation to be repeated when user click your graphic.

    Features:

    • More than 70 build-in effects
    • Suitable for Touch Devices
    • Both In and Out Animations
    • Your SVG can be Responsive
    • Easy Integration
    • Separate Animation Editor App
    • All Modern Browsers (with some IE and Opera restrictions)

    Animated bubbles upwards continuously with pure CSS

    Animated bubbles upwards continuously with pure CSS

    Here is a pure CSS experimental work to create floating bubbles without using JavaScript. These animated bubbles are also with popping effect. All these animation is created by Pure CSS.