Best jQuery Responsive Plugins & Tutorials with Demo

    jQuery Instant Responsive Menus with CSS3

    jQuery Instant Responsive Menus with CSS3

    Create different type of menus on the fly without changing the HTML Structure. Just replace CSS class names in the HTML markup to make a horizontal menu or any menu to function like a one page scroll menu, vertical menu, toggle menu, slide out menu, full screen navigation, tabbed menu, dots navigation and much more.

    Features:

    • One Page Smooth Scroll support
    • Customizable CSS3 animation effects (Faster than jQuery Animations)
    • Fully Responsive
    • Unlimited Color Themes
    • Light weight
    • Built with CSS3 and improved with some jQuery
    • Compatible with bootstrap

    Vidbg.js : HTML5 jQuery Video Background plugin

    Vidbg.js : HTML5 jQuery Video Background plugin

    Vidbg.js is a html5 jQuery video background plugin.When resizing is set to true (default) the video will resize automatically when the window is expanded or compressed.

    • All modern web browsers
    • IE9+
    • Video will play on desktops and laptops and will resort to the fallback image (poster) on mobile devices (tablets, phones, etc.)

    Fixed Responsive One Page Nav

    Fixed Responsive One Page Nav

    Responsive, fixed and touch friendly one page navigation with animated scrolling.

    Features:

    • Fixed positioned, always visible navigation bar
    • Uses vanilla JavaScript, no jQuery required
    • Smooth animated scrolling
    • Removes 300ms tap delay
    • Adds a mask over the content when navigation is open
    • Auto highlights current location
    • Uses a tiny custom font for icons (only two characters included)
    • Closes the navigation when user tap’s outside of it

    Horizon Swiper : Lightweight jQuery Swiper Plugin

    Horizon Swiper : Lightweight jQuery Swiper Plugin

    Horizon Swiper is a lightweight and free jQuery swiper plugin. It has many options and it works with your simple native browser scrolling.

    Minigrid : Cascading Grid Layout

    Minigrid : Cascading Grid Layout

    Minigrid is a minimal 2kb zero dependency cascading grid layout. It’s responsive and can be animated.

    Effect Ideas for Image Grids with jQuery & CSS

    Effect Ideas for Image Grids with jQuery & CSS

    Today we’d like to share some inspiration for image grid effects. The idea is to animate the grid item when opening it, the other grid items’ disappearance and the new content. The content shown can be anything from just the larger version of the image and a title (think image gallery) or something like an album view. The common effect to all is the animation of the clicked grid image: we move it to the desired spot, scale it up and then replace it with a larger version. This creates a direct flow between the grid and the other (full) view.

    jQuery Responsive Bootstrap Carousel

    jQuery Responsive Bootstrap Carousel

    jQuery Responsive Bootstrap Carousel is a pack that includes Different types of carousel like thumbnail image gallery and content carousel with animated captions, testimonial carousel, portfolio carousel, video carousel etc.

    Features:

    • Touch Enabled
    • 100% Responsive
    • Easy To Customize
    • Beautiful Animation
    • Built With Bootstrap
    • Font Awesome Icons

    jPicture : jQuery Plugin to Load Pictures on Right Viewport

    jPicture : jQuery Plugin to Load Pictures on Right Viewport

    jPicture is a jQuery plugin to load pictures on the right view port.  jPicture loads only the most fitting picture out of the picture-versions for the viewport the page is displayed on. This not only takes away the trouble of handling this yourself, but also reduces loading times for lower-res viewports.

    Responsive Multi Menu with jQuery & CSS3

    Responsive Multi Menu with jQuery & CSS3

    The easiest way to develop site with multi level navigation and user-friendly experience it has been optimized for mobile devices using HTML5, CSS3 and jQuery.

    Features:

    • Easy installation
    • Multi level on CSS
    • Light-weight
    • Multiple menus
    • Works in mobiles
    • Free licensed under MIT

    GreedyNav : jQuery Responsive Navigation Menu

    GreedyNav : jQuery Responsive Navigation Menu

    A responsive navigation menu that stacks items into a dropdown menu when they overflow.

    When the user resizes the window the nav will shrink, any overflowing items will be removed from the visible list and get prepended to a list of vertically stacked items that are hidden. The user is notified of this action by a count badge next to a hamburger icon at the end of the menu, which acts as a dropdown trigger button for the hidden list.