Magnific Popup : Responsive jQuery Lightbox Plugin

    Magnific Popup : Responsive jQuery Lightbox Plugin

    Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.

    Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size.

    jQuery Timer

    jQuery Timer

    Basically setTimeout with more options in jQuery.

    MixItUp : A CSS3 and jQuery Filter & Sort Plugin

    MixItUp : A CSS3 and jQuery Filter & Sort Plugin

    MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

    MixItUp uses jQuery to decide which elements to hide, show or re-position based on your filters, and then applies the power of CSS3 transitions to smoothly animate these elements to their new locations. It’s an extremely efficient approach that makes the most of your modern browser’s rendering power, and avoids more resource-heavy approaches involving jQuery .animate() and position: absolute.

    LivIcons : 303 Truly Animated Vector Icons with jQuery

    LivIcons : 303 Truly Animated Vector Icons with jQuery

    So what is LivIcons? They are a cross browser vector icons, built with JavaScript, with individual mini animation for every icon. They based on SVG (scalable vector graphic) in modern browsers and VML (vector markup language) in IE6 – IE8 for clean and perfect look at any devices (Yes. Retina too).

    Features:

    • 303 live icons – one script.
    • New step in interactivity and brand New – such animation methods for interface elements were never created before.
    • Animated and can be static of course
    • Any color, any size
    • Retina perfect
    • 16 pixel perfect
    • Flexible settings of behaviour and appearence
    • Bootstrap compatible
    • Easy integration – just one string of code for an icon.
    • IE6+ support
    • All browsers

    jQuery Circle Menu

    jQuery Circle Menu

    A customizable jQuery plugin that emulates the menu in the Path application. Includes a selection animation and various animation options for opening and closing the menu.

    Cavendish.js : jQuery plugin to create multiple Slides effect

    Cavendish.js : jQuery plugin to create multiple Slides effect

    Cavendish is a jQuery plugin that’s focused on helping you with your slides.Cavendish is intended to be a very simple slide manager based on CSS transitions. Initializing Cavendish sets up an iterator for your slides, which applies classes to your slides based on their relationship to the current slide. Everything else is up to you!

    Cavendish doesn’t try to polyfill for old browsers, or to provide any extra interaction – it’s just meant to provide a platform for custom interaction by managing the state of your slides. I think you’ll find it refreshing!

    MediaSlide : jQuery UI plugin to browse media items

    MediaSlide : jQuery UI plugin to browse media items

    MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

    Features:

    • Media lists can contain thousands of items
    • Data can be loaded via JSON, XML or direct from Flickr
    • Images are only loaded as they are needed, conserving bandwidth
    • jQuery UI themes fully supported
    • API functions give you full control over the widget, so you can completely customize its look-and-feel
    • All current browsers supported
    • Completely free and opensource

    Filter.js : jQuery client-side JSON objects filter

    Filter.js : jQuery client-side JSON objects filter

    Filter.js is client-side JSON objects filter to show/hide html elements. Multiple filter criteria can be specified and used in conjunction with each other.

    Create A Google Plus App Tile Animation with CSS3 and jQuery

    Create A Google Plus App Tile Animation with CSS3 and jQuery

     

    I have always been fascinated by the new Google Plus app on iPhone and Android. Every interaction seems to be very fluid and make sense without sacrificing the performance. The tile animation while scrolling through news feeds makes it even more enjoyable to scroll through content. Wouldn’t it be nice to have such an animation on your website? Today, I am going to show you how to create a beautiful tile animation like in the Google Plus app using CSS3 and jQuery. (Webkit-Browser Only)