Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery Side panel slider plugin

    jQuery Side panel slider plugin

    Side panel slider plugin (jQuery) that also slides page (inspired on medium).

    Features:

    • slide page and panel together (inspired on medium.com)
    • support multiple panels on same page
    • support closing when clicking outside panel or pressing ESC.
    • play well with angularJS directives (Example comming soon)

    Uber Zoom : jQuery Smooth Zoom & Pan

    Uber Zoom : jQuery Smooth Zoom & Pan

    Next-gen smooth zoom & pan for your photos and images.Uber Zoom uses many features that you would normally find in a native iOS or Android app to improve the user experience, like rubberbanding and intertia.

    If you need to have a small preview of your image in the bottom left corner, you can enable that. The user will see a small window to navigate your image by dragging.

    jQuery Responsive Tabs

    jQuery Responsive Tabs

    This jQuery plugin provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint.

    Features:

    • Tabs transform to accordion based on breakpoint
    • Uses javascript / jQuery for the technical tab switching (class based)
    • Uses CSS for the desktop/tablet/mobile view
    • Has callback events for the tab events
    • Tabs can be opened with URL hashes
    • Tabs can auto rotate
    • Tabs can be collapsed (optional)
    • The tabs are controllable with API methods
    • Cross browser compatibility (IE7+, Chrome, Firefox, Safari and Opera)

    jQuery Sticky Navigation with Smooth Effect

    jQuery Sticky Navigation with Smooth Effect

    In this quick tutorial we’re going to use jQuery and make a simple sticky navigation. With that done, we’ll improve on our efforts by using jQuery Waypoints to make the effect smoother.

    okvideo : jQuery Fullscreen background Videos Plugin

    okvideo : jQuery Fullscreen background Videos Plugin

    OKVideo is a jQuery plugin that allows for YouTube or Vimeo videos to be used as full-screen backgrounds on webpages. OKVideo aims to be customizable while making some basic decisions about how the plugin should control video. When using OKVideo, all videos will be served from Vimeo or YouTube based on a number of variables like browser, device, bandwidth, etc.

    EsKju jQuery lazyLoading Plugin

    EsKju jQuery lazyLoading Plugin

    EsKju’s LazyLoading is a tool for loading content just in time in a Facebook-similar style. It was built using the jQuery library.

    Features:

    • Supersedes dowdy paginations
    • Customizable trough settings and CSS
    • Highly compatible
    • Uses CSS3 transitions by default

    jQuery FancyIndex Plugin

    jQuery FancyIndex Plugin

    Nowadays almost every “fresh” page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. It was built using the jQuery library.

    Features:

    • Using the directory-function upgrades the user’s experience
    • Customizable trough settings and CSS
    • Highly compatible
    • Highly customizable
    • Uses CSS3 transitions by default

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs : JavaScript Solution To Nicely Display Media Content

    Magneticmediajs is a JavaScript solution to display media in a stylish mobile-ready overlay fashion. It also lets you ingest content from today’s most popular media platform: Youtube, Instagram, Vimeo, Flickr, Dailymotion.

    Magneticmediajs is built with a JavaScript class model for easier work of extension, jQuery for DOM manipulation and Less CSS3 with progressive enhancement. It supports various touch events, including swipes between media items, and scales well from mobile devices (iOS, Android …) to large computer screens. Plus it has some super cool design effects for images including a magnifying glass and 8 filters (sepia, grayscale, saturate …).