Best jQuery Animation Plugins & Tutorials with Demo

    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.

    odometer : Smoothly Transitions numbers with Ease

    odometer : Smoothly Transitions numbers with Ease

    Odometer is a Javascript and CSS library for smoothly transitioning numbers.Odometer’s animations are handled entirely in CSS using transforms making them extremely performant, with automatic fallback on older browsers.

    jQuery CSS3 animations Pack

    jQuery CSS3 animations Pack

    A versatile CSS3 animation pack with various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners.

    Waterpipe.js : jQuery HTML5 Smoky backgrounds Generator Plugin

    Waterpipe.js : jQuery HTML5 Smoky backgrounds Generator Plugin

    waterpipe.js is a jQuery plugin for smoky backgrounds generation (HTML5 Canvas).

    jQuery Animate Slider

    jQuery Animate Slider

    A jQuery Slider plugin with specific animations effects for each element.The Animate Slider plugin uses some predefined animation classes (fadeIn,fadeOut,rotateIn,bounce,slideInRight etc.) found in jquey.animateSlider.css and adds them to each element on the slider. It also add classes with delay for each animation (delay1s,delay1-5s,delay2s etc.)

    WordPress Page Transitions with jQuery & CSS3

    Wordpress Page Transitions with jQuery & CSS3

    With WP Page Transitions you can add beatiful transitions between your wordpress pages! You can set the transitions on a global level or you can customize it per page.
    You could also choose to use only in transitions or only out transitions instead of both!