Best jQuery Animation Plugins & Tutorials with Demo

    Trigons – Create and Animate Abstract SVG Images

    Trigons - Create and Animate Abstract SVG Images

    Trigons is a flexible JS script which lets you create modern and stylish abstract SVG images with optional animations

    Trigons script is coded as plugin for d3.js library (d3js.org) and it uses d3’s build-in method of Delaunay triangulation for creating colored and animated abstract images. No jQuery needed.

    Features:

    • The exclusive feature of Trigons images, that they can be animated with 30 built-in effects.
    • Created Trigons SVG images can be responsive.
    • Retina perfect
    • Flexible and powerful settings
    • Works in all modern browsers
    • Any color, any size
    • Clean bright or flat colors or gradients
    • Build-in Color Palette Generator
    • Convert to PNG
    • Use it as “background-image”
    • Dynamic add, update, animate and convert with 7 JavaScript methods
    • Click, Hover and “Viewport” events
    • Separate “In” and “Out” Animations
    • “Force” Animation Methods
    • Use it via JavaScript and/or via HTML5 data attributes

    Create a Tiled Background Slideshow with CSS3

    Create a Tiled Background Slideshow with CSS3

    A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.

    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.