Best jQuery Animation Plugins & Tutorials with Demo

    ScrollMe : jQuery plugin for Animated Scrolling Effects

    ScrollMe : jQuery plugin for Animated Scrolling Effects

    Scrollme is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It’s easy to set up and not a single line of javascript is required.

    Ripple LazyLoad Scrolling Effects jQuery WordPress Plugin

    Ripple LazyLoad Scrolling Effects jQuery Wordpress Plugin

    Ripple Lazyload Scrolling Effects WordPress Plugin is First ever made plugin for WordPress Lazy Load Scrolling effects. Till now these effects working only on html but we have now created 20+ Lazy load effects which makes your website more professional and graphically attractive.

    Cube.js : Fancy Rotating CSS3 Cube script

    cube.js : Fancy Rotating CSS3 Cube script

    cube.js is a light script which allows you to add a fancy rotating CSS3 cube to your page!

    Inspiration for Inline Anchor Styles with CSS3 & SVG

    Inspiration for Inline Anchor Styles with CSS3 & SVG

    Some inspiration for creative and modern inline anchor styles and hover effects using different techniques like pseudo-element transitions and SVGs.

    jQuery Animate Number Plugin

    jQuery Animate Number Plugin

    jQuery numbers animation plugin, adds ‘number’ property and step function to jQuery’s animate function properties.

    Arrow Navigation Styles with CSS & SVG

    Arrow Navigation Styles with CSS & SVG

    Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.

    alBox : jQuery Super-smooth Lightbox Plugin

    alBox : jQuery Super-smooth Lightbox Plugin

    alBox is jQuery lightbox plugin for showcasing images, with modern super-smooth CSS3 transition effects. If you are tired of classical lightbox plugins, and want something modern and clean, then alBox is right stuff for you and your website.

    Recreating the “Design Samsung” Grid Loading Effect

    Recreating the “Design Samsung” Grid Loading Effect

    A tutorial on how to achieve the grid loading effect seen on the “Design Samsung” site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.

    ProBars : jQuery Animated Progress Bars

    ProBars : jQuery Animated Progress Bars

    jQuery stylish progress bars that animate as they enter the viewport.

    Inspiration for Article Intro Effects with CSS3

    Inspiration for Article Intro Effects with CSS3

    Today we want to share some inspiration for article intro effects with you. You have surely seen some interesting article headers, usually containing a fullscreen image, that have some sort of intro effect, i.e. where some creative transition happens when scrolling or when clicking on a button to continue. We wanted to explore the effect possibilities with fullscreen images and making something happen when continuing to the article body. There are many potentially cool effects and today we want to share just a couple of ideas with you.