Best jQuery Animation Plugins & Tutorials with Demo

    Notification Styles Inspiration with CSS3 & JavaScript

    Notification Styles Inspiration with CSS3 & JavaScript

    Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.Some of them are preceded by a dummy loading animation, which could be a nice idea for specific actions that require some time in a system (i.e. saving, sending a message, etc.).

    Breaking News Ticker jQuery Plugin

    Breaking News Ticker jQuery Plugin

    Breaking News Ticker jQuery Plugin.

    • Modern
    • Falt
    • Responsive
    • Easy to use
    • customize
    • Unlimited News
    • changeable properties with unlimited design
    • New: Added RSS Feed

    Mad Twitter : Animated Twitter Birds jQuery Plugin

    Mad Twitter : Animated Twitter Birds jQuery Plugin

    Mad twitter is a highly user friendly button, that produces different animations on hover effect. Six different effects makes the twitter angry and it goes wild, which is the most interesting feature of mad twitter button.

    smoothAnchor.js : jQuery Plugin for Smooth Scrolling

    smoothAnchor.js : jQuery Plugin for Smooth Scrolling

    SmoothAnchor.js is a jQuery plugin for smooth scrolling.

    Morphy Buttons : jQuery any Content Morpher

    Morphy Buttons : jQuery any Content Morpher

    Morphy buttons is a premium multi-purpose jQuery library for smart, fast, modern and comfortable showing of additional content, video and pictures.It is the best library to show your visitor the relative content without leaving current page.

    Morphy buttons are responsive to any site with natural and intuitive effects. It uses cutting edge technologies to provide the smoothest experience that’s possible, and it comes like easy installable JavaScript library.

    shCircleLoader : HTML5 Circle loading animation jQuery plugin

    shCircleLoader : HTML5 Circle loading animation jQuery plugin

    shCircleLoader is a jQuery plugin, which helps web developers to create a variety of loading animations and integrate them easily into their web applications.

    Features:

    • Customizable animation controlled by a wide range of options.
    • Normally you do not have to include CSS file, but you can do this turning off CSS styling from the script.
    • CSS “namespaces” allows you to create different loading animations in one page.
    • Custom CSS keyframe animtion declarations.
    • Optional progress status in the center of the animation.

    Morphext : jQuery Rotating / Carousel plugin for Text Phrases

    Morphext : jQuery Rotating / Carousel plugin for Text Phrases

    A simple jQuery rotating / carousel plugin for text phrases powered by Animate.css and inspired by a Dota 2 hero, Morphling.A jQuery plugin for creating text-based carousels, rotating small or large pieces of text one after the other, just like a slider does with images… This can be a great tool for displaying catch phrases, mission statements, tag lines, and so on.

    Cajal : JavaScript library to Animate shapes on HTML5 Canvas

    Cajal : JavaScript library to Animate shapes on HTML5 Canvas

    Cajal is a javascript library to draw and animate shapes on the HTML5 canvas element.

    Cajal provides object oriented functionality to draw and animate shapes on the canvas element. You can easily reuse animations or complex shape-objects in other projects, as every shape can be assinged to as many canvas elements on your site as you like.

    JsMorph : JavaScript Motion framework

    JsMorph : JavaScript Motion framework

    jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.

    jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.