Best jQuery Responsive Plugins & Tutorials with Demo

    SmartMenu : Responsive jQuery Mega Menu

    SmartMenu : Responsive jQuery Mega Menu

    SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

    Features:

    • Responsive design
    • Supports multiple instances
    • Horizontal (top, bottom) or Vertical (left, right) menu layouts
    • Mega / Flyout submenus
    • Pure CSS3 animations (fade, slide)
    • 3 ways of dropdown (hover, click, toggle)
    • 7 color skins which can be changed easily
    • Custom mega dropdowns, forms, search bar, social icons or HTML
    • 12 columns fluid grid
    • You can add images, maps or videos

    Dropdown Sidebar Menu Responsive Bootstrap Navigation

    Dropdown Sidebar Menu Responsive Bootstrap Navigation

    Scoop Navigation Menu Consist of both Horizontal and Vertical navigation with customize options and themes. Its lightweight and compatible with almost all major browsers and devices. this plugin make more then 50 plus navigation view. It supports four levels sub menu with shrink, Overlay and push effect.

    Multi purpose Responsive Scoop Navigation supports multi navigation style like: Expanded, Compact, Collapsed, offcanvas, fullPage Menu , Full MegaMenu, Half MegaMenu and Search bar on navigation. Three new navigation style introduce in this plugin like ex-popover, Sub-Expanded and fulldrop Menu

    imageR : jQuery Plugin to show Different sizes Images at Break Points

    imageR : jQuery Plugin to show Different sizes Images at Break Points

    imageR jQuery plugin allows you to add data attr to an image tag or element with a background image to supply different sizes images at different brake points. To save bandwidth when viewing on a mobile but supply sharp large images to larger displays.

    DROP : jQuery Responsive Dropdown Navigation

    DROP : jQuery Responsive Dropdown Navigation

    DROP is an awesome navigation jQuery plugin ready to use in any HTML page displayed on mobile phones, tablets and desktop devices.

    resTables : jQuery plugin for Responsive Tables

    resTables : jQuery plugin for Responsive Tables

    The resTables jQuery plugin allows you to easily make your table responsive. It has been created based on the stacktable.js concept by John Polacek.

    SolidMenu+ : jQuery Responsive Mega Menu

    SolidMenu+ : jQuery Responsive Mega Menu

    Create an Ultra Responsive yet Beautiful MegaMenu navbar for your next site. It uses CSS3 Animations and provides a modern style navigation look and feel in your website.

    These sets of Responsive Mega Menu utilizes the Standard “navbar” framework from Bootstrap 3.0. It can work on Fixed and Responsive Layout.

    • 100% Responsive, Works on All Devices
    • One Code: Works in All Devices
    • Beatiful Look and Feel
    • Bootstrap Navbar Framework
    • Bootstrap Drop Down Menu
    • Bootstrap 12-Column Grid Based, Compatible with BootStrap 3.0+
    • Line Icons Included, Vector Icons
    • Custom Widgets, Carousels, Images, Google Map, Sliders
    • Very light weight, No image needed
    • Easy Integration for your Web Projects
    • Varieties of Pure CSS3 Animations

    jQuery Responsive Overlay Menu

    jQuery Responsive Overlay Menu

    Framework for making responsive cross-browser overlay menus.

    Features:

    • works in all browsers
    • works on all device
    • tiny, < 600bytes
    • responsive
    • super fast
    • uses jquery animations
    • framework not a template
    • easy to use

    jQuery Responsive Mosaic plugin

    jQuery Responsive Mosaic plugin

    A free plugin for jQuery to build responsive mosaics of images or any other content fitted to match heights in multiple rows while maintaining aspect ratios.

    Reframe.js : jQuery plugin to make Elements Responsive

    Reframe.js : jQuery plugin to make Elements Responsive

    Reframe.js is a javascript plugin that makes elements scale at a fixed ratio.

    Adapttext.js : jQuery Responsive Text Plugin

    Adapttext.js : jQuery Responsive Text Plugin

    Adapttext.js is a dependency free and simple javascript solution capable to fit your text inside the parent element.

    It calculates the maximum font-size possibile in order to keep the text’s width and height inside the parent.

    It’s very useful in responsive situation and where we don’t know in advance the text’s length (text pulled from a CMS?). It is also very handy when we need to display text along an image and we want to avoid overlaps.