Best jQuery Animation Plugins & Tutorials with Demo

    zMotion.js : Remake of zPath.js without jQuery

    zMotion.js : Remake of zPath.js without jQuery

    A remake of zPath.js without jQuery and with more features.

    Aquarelle : JavaScript Watercolor Effect Library

    Aquarelle : JavaScript Watercolor Effect Library

    Aquarelle is a library for creating magnificent watercolor effects. You can use Aqaurelle to add a fade-in animation to images and make them look as they are being painted on by smudged drops of paint. Built on top of the 3D canvas library Three.js.

    Artsy Media Pop Up Effect with CSS3

    Artsy Media Pop Up Effect with CSS3

    day we’d like to share some artsy fun with you! We created some proof-of-concepts for simple media pop ups. The idea comes mainly from Forward Festival’s website and Tim Holman’s rad GifLinks project. We adventured ourselves with mix-blend-mode, masks and clip-path.

    Gradientify : jQuery plugin for CSS Gradient Transitions

    Gradientify : jQuery plugin for CSS Gradient Transitions

    A simple jQuery plugin that provides CSS gradient transitions.

    Scrolla : jQuery plugin for Reveal Animations when Scrolling

    Scrolla : jQuery plugin for Reveal Animations when Scrolling

    Scrolla is a jQuery plugin for reveal animations when scrolling.

    Inspiration for Letter Effects with Anime.js

    Inspiration for Letter Effects with Anime.js

    Today we’d like to share some inspiration for letter effects with you. We wanted to explore some simple, creative animations for display typography and large headlines using anime.js. These kind of animations can really enhance a certain message; combining these effects with a fitting font and playing with transforms opens up a huge range of possibilities. We hope this set inspires you and gives you some ideas on how to use an animation library like anime.js for this purpose.

    Ruby Slider : jQuery Live Touch Effect Slider

    Ruby Slider : jQuery Live Touch Effect Slider

    Ruby Slider is best of slider plugin when integrated touch/swipe gestures, 4 types of effects including hundreds of separate effects. Most especially, all effects are supported live swipe gestures. Ruby Slider designed as module, build you optimal script size. Also integrates numerous other outstanding features: fully responsive, lazyload, image position, slideshow with timer, powerful api, cross browsers…

    jQuery Time Lapse Painter Plus Editor

    jQuery Time Lapse Painter Plus Editor

    Time Lapse Painter product consists of jQuery Time Lapse Painter plugin (TLP plugin) that plays the effect and an editor called Time Lapse Painter Studio (TLP Studio). TLP Studio is the means by which the resources needed for the animation are created and the values to control it are set.

    Features:

    • Responsive behavior. TLP Plugin scales according to available width.
    • Countless ways to animate your true color image, provided by TLP Studio.
    • Transparent and semi transparent PNG images.
    • Method and events that allow the effect to be used in trending slideshow plugins.

    Line Maker : Animated Decorative Lines with Anime.js

    Line Maker : Animated Decorative Lines with Anime.js

    The Line Maker is a plugin for creating and animating decorative lines on websites. Inspired by site designs like ‘Uber Brand Experience’ and ‘Details’.Today we’d love to share a little library with you that allows to add decorative lines to a webpage. The inspiration for this plugin comes from various designs that contain the line as a focal part of their layout. We wanted an easy way for adding all kinds of lines with different thicknesses and colors, in vertical or horizontal direction, and animate them. For animating the lines we use Julien Garnier’s anime.js, the lightweight JavaScript animation library.

    Kute.js : JavaScript Animation Engine

    Kute.js : JavaScript Animation Engine

    KUTE.js is a Javascript animation engine with top performance, memory efficient & modular code. It delivers a whole bunch of tools to help you create great custom animations.