Best jQuery Responsive Plugins & Tutorials with Demo

    jQuery plugin to switch between Mobile & Desktop menu : Menu-breaker.js

    jQuery plugin to switch between Mobile & Desktop menu : Menu-breaker.js

    Menu-breaker.js is a javascript & jQuery plugin to switch between mobile and desktop menu and change submenus side on browser window resize.

    Mobile Friendly Responsive Table with jQuery

    Mobile Friendly Responsive Table with jQuery

    A mobile-friendly table solution, which persists headers for each table-cell on mobile devices.On mobile devices the orientation changes from horizontal to vertical, and each cell is prepended with its respective table header as a label.

    Fitty : Snugly Resizes Text to fit its Parent Container

    Fitty : Snugly Resizes Text to fit its Parent Container

    Scales up (or down) text so it fits perfectly to its parent container.Ideal for flexible and responsive websites.

    Features:

    • No dependencies
    • Easy setup
    • Optimal performance by grouping DOM read and write operations
    • Works with WebFonts (see example below)
    • Min and max font sizes
    • Support for MultiLine
    • Auto update when viewport changes
    • Monitors element subtree and updates accordingly

    plusTabs : Interactive jQuery UI Tabs

    plusTabs : Interactive jQuery UI Tabs

    plusTabs is a plugin to interact with jQuery UI tabs when there are too many tabs.

    Truly Responsive Comparison Tables

    Truly Responsive Comparison Tables

    This Javascript plugin allows you to create truly responsive comparison tables. No squashed columns on mobile! Instead, your data is laid out in tab format on smaller screens, creating a clear, concise, and enjoyable experience for both your desktop and mobile users. Perfect for pricing plans and product comparisons!

    • Fully responsive
    • Zero dependencies
    • Cross-browser compatible

    terseBanner : jQuery Carousel Plugin

    terseBanner : jQuery Carousel Plugin

    TerseBanner is a jQuery carousel plugin.Compared to most of the carousel plug-in, terseBanner deleted a lot of impractical or rarely used features, only to retain the most commonly used, easy to use, functional, to meet the needs of the vast majority of sites Support ie8 browser, support touch screen event

    MEGA : jQuery Responsive Megamenu Navigation

    MEGA : jQuery Responsive Megamenu Navigation

    A Responsive Megamenu plugin made to enhance your website navigation. Versatile, fully customizable and easy to use!

    • Fully Responsive
    • Vertical or horizontal dropdowns
    • Left, Center and Right alignment
    • Tabs an lists
    • Bootstrap Compatible
    • SASS files

    ModuloBox : NextGen Lightbox JavaScript Plugin

    ModuloBox : NextGen Lightbox JavaScript Plugin

    ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

    • Fully Responsive
    • Unlimited colors
    • SVG icons
    • Multi-touch gestures support
    • Physics Based Animations
    • Automatic SlideShow support (with CountDown timer)
    • FullScreen support
    • Youtube, Vimeo, Dailymotion, Wistia
    • iFrame (Google Map, PDF reader, websites, etc…)

    Hiraku.js : jQuery Offcanvas Menu Plugin

    Hiraku.js : jQuery Offcanvas Menu Plugin

    We made jQuery plugin called hiraku.js so that more people can use Offcanvas-menu functionality which is used in a CMS we make.

    Features:

    • Not affected by the DOM structure.
    • Enable to open both right and left side menu.
    • Main canvas is not scrolled, while scrolling Offcanvas-menu.
    • Easy to control the movement
    • Accessible for keyboard navigation and screen readers.

    SmartPhoto : Responsive Image Viwer for Mobile Devices

    SmartPhoto : Responsive Image Viwer for Mobile Devices

    The most easy to use responsive image viwer especially for mobile devices.

    Features:

    • Intuitive gestures such as pinch-in/pinch-out/drag/swipe
    • Use Accelerometer to move images
    • Accessible from keyboards and screen-readers
    • Show pictures via URL hash
    • Can make photo groups