Best jQuery Animation Plugins & Tutorials with Demo

    ImageLinks : jQuery Interactive Image

    ImageLinks : jQuery Interactive Image

    ImageLinks is a lightweight solution for creation interactive images. With this plugin you are able to easily make an interactive image for your site that empowers publishers and bloggers to create more engaging content by adding rich media links to photos.

    • 2 Predefined Themes – included 2 skins (default & dark), you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
    • CSS3 Animations – over 100+ CSS3 animations are available to give some stunning effects
    • Build with LESS – LESS and CSS files included
    • Cross-Browser – supports for all major browsers, including touch-screen devices and mobile devices

    TypeWriting.js : JavaScript Library for Typewriter Effect

    TypeWriting.js : JavaScript Library for Typewriter Effect

    Typewriting js is a javascript library that make the typewriter effect.

    BRINGINS : jQuery Animated Page Plugin

    BRINGINS : jQuery Animated Page Plugin

    bringins is a jQuery plugin to show contents on a webpage as an animated page. These page will be positioned ‘fixed’ with scrollable data. You can have your custom CSS content to appear in the bringins pages. This plugin allows you to choose from three intoduction animations for the page whether to animate the page on the left, right or center of the webpage. The plugin also provides options to specify the color of the page, width, z-index, margin and color of the close button for the page.

    Animated CSS3 Input Checkbox with Checkbox.css

    Animated CSS3 Input Checkbox with Checkbox.css

    A tiny set of CSS3 animations for your input checkboxes.

    Canvas Dots with jQuery & HTML5

    Canvas Dots with jQuery & HTML5

    Random moves of particles, count of dots and connection distance selected by smart algorithm depend from count of dots and square of block. Working on most browser (include mobile devices) without braking. Particles leave from mouse cursor.

    jQuery Spinning 3d Earth Plugin

    jQuery Spinning 3d Earth Plugin

    jQuery plugin that allows you to draw a beautiful 3d spinning earth on canvas. Based on the amazing sphere.js plugin of Sam Hasler, jquery.earth3d.js is an open source jquery ui plugin which will allow you to emulate a 3d earth (or any planet actually) on canvas.

    LivIcons Evolution as jQuery plugin

    LivIcons Evolution as jQuery plugin

    LivIcons Evolution is the next modern generation of a classic LivIcons pack of a cross browser vector icons with individual mini animation for each one. They are based on SVG (Scalable Vector Graphic), powered by JavaScript, work in all modern browsers and look perfect at any devices. Yes, Retina too.

    Features:

    • Based on GSAP (GreenSock Animation Platform)
    • Completely redeveloped from scratch
    • Each icon comes with five (5) styles
    • Very flexible settings
    • More than 300 icons
    • Hover,click and autoPlay events
    • Any color, any size
    • Animated and static
    • Retina perfect

    Rotate : jQuery plugin to Animate Rotate Images and Elements

    Rotate : jQuery plugin to Animate Rotate Images and Elements

    The simple, easy-to-implement animation plugin to rotate icons, images, and elements.

    Distorted Button Effects with SVG Filters

    Distorted Button Effects with SVG Filters

    A set of inspirational, highly experimental distortion effects for buttons using SVG filters.The main idea is to apply distortion or blob filters to buttons and explore some creative possibilities.

    Animated Transition Effects with CSS & jQuery

    Animated Transition Effects with CSS & jQuery

    A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!