Best jQuery Animation Plugins & Tutorials with Demo

    CloudsJS : jQuery Animated Clouds Plugin

    CloudsJS : jQuery Animated Clouds Plugin

    CloudsJS is a jQuery plugin to animate clouds effect on your website.

    jQuery asPieProgress : Animate Pie Progress

    jQuery asPieProgress : Animate Pie Progress

    asPieProgress  is a jQuery plugin that animate the pie progress.

    FlexTabs : jQuery Responsive Tabs to Accordion

    FlexTabs : jQuery Responsive Tabs to Accordion

    FlexTabs a Clean tabs is a CSS3 and jQuery completely responsive navigation tabs are made for any occasion and easy implementation with quick customization possibilites.

    If you wish to spice up your corporate website, blog, ecommerce site or a message board, with Tabbed it’s easy to show any content, video, price or data tables, form or other elements.

    Animated Menu to Cross Icon with CSS3 & jQuery

    Animated Menu to Cross Icon with CSS3 & jQuery

    The project Menu-to-cross-icon is a project made to show people different ways to create a “Menu icon” that switch into a “cross icon” ( ☰ -> ✖ ) .

    Some techniques use vanilla javascript, some uses jQuery and some are powerd by CSS only!

    ProgressBarWars : jQuery Animated Progress Bar

    ProgressBarWars : jQuery Animated Progress Bar

    ProgressBarWars is a simple (star Wars Tribute ), light-weight jQuery plugin that allows you to display an animated horizontal progress meter. Just pass in the goal and amount raised or completed, and the rest is optional.

    Material Design Shape Slider with jQuery & SVG

    Material Design Shape Slider with jQuery & SVG

    Get your geometry on with this Material Design inspired shape slider. Developed with SVG shapes and CSS transforms.We’re using SVG’s to draw each shape you see on the left side of the screen. When a shape is clicked we transform the shape with CSS and simultaneously transform the content container to show the correct content for the shape that was clicked.

    Interactive Bar Graph with CSS & jQuery

    Interactive Bar Graph with CSS & jQuery

    An interactive bar graph packed with animations and information. Built with CSS and jQuery.

    Animated Map Path for Interactive Storytelling

    Animated Map Path for Interactive Storytelling

    Today we’d like to share an experimental demo with you. This demo is an interactive map that will animate a map path while scrolling the page. The main idea is to connect the story being told with the path itself. The journey can also contain images that will indicate where they have been taken with a semi-transparent cone. It will appear as soon as the image is in the visible viewport.

    Material Design Slider Animation with CSS3

    Material Design Slider Animation with CSS3

    A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

    Ultimate Grid Pro with HTML5 & JavaScript

    Ultimate Grid Pro with HTML5 & JavaScript

    Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.

    Responsive layout. Five grid layouts included with vertical and horizontal variation (dynamic, masonry, classic, flexible and infinite).