Best jQuery Responsive Plugins & Tutorials with Demo

    Lunar : jQuery Photography Portfolio

    Lunar : jQuery Photography Portfolio

    Lunar – Photography Portfolio, a very clean and simple jQuery Plugin that helps you build beautiful photo albums. Some of the plugin’s strong points are: fully responsive grid, high performance, modern look & feel, clean and spacious design.

    • Modern look & feel, clean and spacious design
    • Specify album cover image width in percents
    • Display a self hosted video as album cover (video can play/loop all time or just on hover)
    • Full width special album cover (with description on the right or left side)
    • Enable/disable custom redirect URL for albums
    • Fully Responsive

    Flickity : Touch, Responsive, Flickable Galleries

    flickity

    Flickity is touch, responsive, flickable slider galleries.

    Activ’Map jQuery Plugin – Responsive GMaps

    Activ'Map jQuery Plugin - Responsive GMaps

    The perfect plugin to research and locate custom services and equipments in a city, among other things, Activ’Map is a JQuery plugin using the Google Maps API V3 and Bootstrap 3.x which display a map with markers sorted by categories.

    Dense.js : jQuery plugin for serving Retina-ready Images

    Dense.js : jQuery plugin for serving Retina-ready Images

    Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very customizable and works cross-browser. With Dense, your content images get support for data-ratiox attributes and Apple’s retina image naming convention.

    MenuItems : jQuery Navigation Menu for One Page Site

    MenuItems : jQuery Navigation Menu for One Page Site

    Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets. Optimal for one-page sites.

    Dash : Responsive Bootstrap Dashboard Navbar

    Dash : Responsive Bootstrap Dashboard Navbar

    Dash is responsive Bootstrap dashboard navbar / menu. This item has two navbars, one for top and the other for left. The mobile swipe feature has been added for mobile devices.

    Features:

    • Botstrap 3
    • Responsive
    • Dashboard style
    • Mobile friendly with swipe feature
    • Both default Bootstrap icons and font awesome
    • Coded in HTML5 and LESS for CSS
    • Two effects: push and overlay

    jQuery Lighter : jQuery plugin for Zoomable Images

    jQuery Lighter : jQuery plugin for Zoomable Images

    Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.

    Spark: A WordPress Menu and Info Pane Plugin

    Spark: A WordPress Menu and Info Pane Plugin

    Spark is also delightfully animated, which makes it a memorable element to add to any WordPress website.Spark can be used as your standard menu, a secondary menu, a nifty mobile-only menu, or even utilized as a promotional tool. You can customize all colors, change positioning options, hide the menu button (in which case the sized-down image will act as the menu activator), add any image you’d like, add multi-level accordion menus and so on.We’ve also included a full-screen info pane that can be used to display any extra content you need.

    Scalem : jQuery plugin to make any Element Scalable

    Scalem : jQuery plugin to make any Element Scalable

    Scalem, short for scale elements or slang for scale ’em, is a light-weight responsive text jQuery plugin inspired by FlowType. Use it to “liquify” elements on your website so that they scale relative to the width of their parent element or, optionally, any element you specify (see Options below). Scalem is not just limited to text size—it can be used to scale any CSS style that takes a numeric unit such as px, em, or %.

    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)