Best jQuery Plugins Plugins & Tutorials with Demo

    jQuery-Tristate : Checkbox-plugin

    jQuery-Tristate : Checkbox-plugin

    A plugin that allows for checkboxes in nested lists to receive indeterminate state.

    jQuery Vertical Responsive Menu

    jQuery Vertical Responsive Menu

    Collection of Responsive Vertical Menus, with 20 color schemes, cross-browser support and easy integration. Responsive Vertical Menu can be used in sidebars of any site as well as admin dashboards.

    Features :

    • Responsive.
    • Cross-Browser.
    • 20 Color Schemes.
    • Animated.
    • Easy Integration.

    Responsive Nav : Responsive navigation plugin with JavaScript & CSS3

    Responsive Nav : Responsive navigation plugin with JavaScript & CSS3

    Responsive Nav is a tiny JavaScript plugin which weighs only 1.7 KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

    Navi.js : jQuery Content Switcher

    Navi.js : jQuery Content Switcher

    Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all of your html code for multiple pages in one file.

    Navi was created to be an easy way for anyone wanting to change content. This plugin can help with the development of numerous other plugins including: tabs, pagination, image sliders, and others. Navi has serveral options to tweak and allows for loading content based on the page hash. You can call Navi on multiple elements with ease so you can have multiple content switching sections.Navi is also friendly with other plugins, and can be called on multiple objects or nested.

    jQuery Final Tiles Gallery

    jQuery Final Tiles Gallery

    FINALLY the best gallery for tiled layouts because it doesn’t crop your images while it still offers a complex layout, it’s not the same old boring layout made of columns or rows of same size.

    Best results are achieved using images of different sizes. Using images of same size will simply give you a standard grid layout.

    Blocks – jQuery CSS3 Responsive Menu

    Blocks - jQuery CSS3 Responsive Menu

    “Blocks – Responsive Menu” is navigation component based in jQuery and CSS. It is a responsive menu component and can be used in various website types.

    Features:

    • 8 Styles
    • Javascript/CSS3 effects
    • Icon Support
    • Collapsible
    • Cross Browser
    • Easy to use
    • Easy to customize

    Rubberband : jQuery plugin for adding responsive breakpoint events

    Rubberband : jQuery plugin for adding responsive breakpoint events

    Rubberband is a jQuery plugin for adding responsive breakpoint events. Sometimes you need to know when a responsive page changes. Rubberband allows scripts to act on media query changes in real time by making use of the browser’s internal media query matching system, window.matchMedia.

    FlexNav : jQuery Plugin for Responsive Menus

    FlexNav : jQuery Plugin for Responsive Menus

    FlexNav is a mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using touch events and tap targets. This is something I use to test different navigation techniques and may change as I iterate over different solutions to the problem. Basically I want a simple model to build upon when working on sites from scratch.

    Features:

    • Multiple nested sub menus
    • Tap targets to reveal sub menus for touch screens
    • Hover reveal for desktop
    • Keyboard tab input accessibility
    • Fallback for no JavaScript
    • Fast clicks for touch screens (no 300ms delay)
    • Use class .one-page on the body, .menu-button, and ul.flexnav for single page fixed menu

     

    Responsive_DG_Slider : Responsive jQuery Banner Slider

    Responsive_DG_Slider : Responsive jQuery Banner Slider

    I am showing It’s Pagination circles with the height relative to the width functionality powered by the fantastic java-script library jQuery.

    Showbiz : jQuery Responsive Teaser WordPress Plugin

    Showbiz : jQuery Responsive Teaser WordPress Plugin

    Showbiz Pro is a jQuery responsive teaser displaying solution that allows you to show WordPress Posts or any Custom Content with a set amount of teaser items.

    Features:

    • Display Posts and/or Custom Post Types (e. g. Portfolios)
    • Fully Responsive & Mobile Optimized (Smartphones & Tablets)
    • Drag & Scroll Function
    • Smart Loading of Embeded Videos (YouTube and Vimeo)
    • Light Weight jQuery and CSS
    • Unlimited Slides
    • iPhone & Android Swipe Touch enabled
    • FullWidth and Single Width Reveals
    • Customizable 100% via Plugin Parameters / CSS / HTML
    • Easy installation in your Website
    • Fast CSS3 & jQuery Engine
    • Fancybox 2 Lightbox Plugin on Multi Domain License included ($89 Value)
    • Set Amount of Entries in 4 Level for Responsive Look
    • Drag & Scroll Function