Best jQuery Animation Plugins & Tutorials with Demo

    jQuery Layered modal for Bootstrap3

    jQuery Layered modal for Bootstrap3

    One of the most popular features of the website is a modal window. Modern developers pay little attention to them. Often Windows look awful, boring or don’t work. So we decided to create a unique component for modal dialogs! The result surprised us! Turned out so beautiful, interesting window. Now you can create the same. The only thing that can you can prevent this by you! Create, invent! Create individual Windows! Which is not on any website. Our component is suitable for lightbox. Your quality pictures will gain a new look!

    But the main advantage is full compatibility with Twitter Bootstrap 3! It is very simple to connect our component to ready modal windows from Twitter Bootstrap.

    Boxloader : jQuery plugin to Animate Elements on Scroll

    Boxloader : jQuery plugin to Animate Elements on Scroll

    jQuery plugin to load elements when you scroll.

    FadeUp : jQuery plugin for Fancy Hiding

    FadeUp : jQuery plugin for Fancy Hiding

    A simple, jQuery plugin for fancy hiding.

    Shift.js : JavaScript Library for CSS3 like Transitions & Transforms

    Shift.js : JavaScript Library for CSS3 like Transitions & Transforms

    Shift.js is a JavaScript library which utilizes the modern web browser’s native CSS3 transition and transform protocol. All animations are performant and executed with little browser overhead. This library is not dependent on jQuery or any other library.

    With Shift.js, developers may trigger CSS3 transitions and transforms without the need for complex and bloated stylesheets.

    Smooth Scrolling jQuery Plugin

    Smooth Scrolling jQuery Plugin

    Smooth anchor scrolling plugin for jQuery.

    PreViewTube.js : jQuery plugin for Animating YouTube Thumbnails

    PreViewTube.js : jQuery plugin for Animating YouTube Thumbnails

    A small jQuery plugin for animating YouTube thumbnails.

    Pogo Slider : jQuery Animated Slider Plugin

    Pogo Slider : jQuery Animated Slider Plugin

    Pogo Slider is a jQuery plugin that allows you to create animated image/content sliders. CSS animations are used to transition between slides. A CSS animation can be triggered on element within a slide, after the slide transitions in, and as the slide transitions out.

    imGrid : jQuery Media Grid Responsive Gallery

    imGrid : jQuery Media Grid Responsive Gallery

    This is a JQuery plugin that allows you to create an high quality justified gallery of images.

    • Four layout types: Square, fluid, masonry and fit
    • 20+ hover effects: imGrid bring packaged over 20+ hover effects that can be used on any website
    • 25+ Animations
    • Filtering
    • Lightbox
    • Dinamic loading
    • Fully responsive

    Animate Transition Library for Blocks & Popups

    Animate Transition Library for Blocks & Popups

    Library for transition animations between blocks (pages) in the application. Animate Transition allows you to easily make transition between any two (or more, it all depends on you ) HTML elements. It can be used in different variety of situations, whatever you want to enhance appearance of your web site or navigate between pages in hybrid mobile application.

    Wheelnav.js : Animated Circular navigation with SVG

    Wheelnav.js : Animated Circular navigation with SVG

    Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.It works on all major desktop and mobile browser.

    Possible uses:

    • tab navigation
    • pie menu (radial menu, circular menu)
    • sub menu
    • option button
    • checkboxes
    • and more…