Best jQuery Responsive Plugins & Tutorials with Demo

    Theta Carousel 3D : jQuery Plugin

    Theta Carousel 3D : jQuery Plugin

    Theta Carousel 3D is a jQuery plug-in that helps you quickly and easily organize your content in 3D space. The plug-in supports responsive layout with the auto scaling capability and is just perfect for displaying content on all screen sizes.

    jCider : jQuery Carousel Plugin

    jCider : jQuery Carousel Plugin

    jCider is an extensive and responsive jQuery plugin that enables you to create awesome carousels.

    SmarterImages : jQuery Dynamic Image Replacement Plugin

    SmarterImages : jQuery Dynamic Image Replacement Plugin

    SmarterImages aims to be the most flexible dynamic image replacement jQuery plugin. Think CDN, but without the server.The plugin watches the browser viewport width on load() and resize(), and when the zone changes the plugin rebuilds a new src URL.

    Features:

    • Works with any custom image processor URL or CloudImage.io
    • Define your own custom breakpoints: as many or few as required (“small / medium / large” wasn’t exactly flexible)
    • Works with inline images and background images
    • Option to upsize and downsize images, or upsize only to reduce server calls
    • Option to maintain image aspect ratio or resize-only
    • Define image URL protocols
    • Callback function for custom code image replacements after

    Kidd : jQuery Sticky Table Plugin

    Kidd : jQuery Sticky Table Plugin

    Kidd.StickyTable is jQuery plugin to modify a table element with a fixed header element and fixed left columns (freeze table header and the left columns).

    • Freeze table header and/or the left columns
    • Responsive tables
    • Export table to xls, pdf, and png without server script
    • Six beautiful predefined colors: green, blue, red, yellow, purple, and grey (customizable)
    • Two style available: default and bordered
    • Multiple plugin instances: allows to use multiple plugin instances on the same webpage.
    • Custom option builder with live previews.

    Sliiide : jQuery Sliding Menu

    Sliiide : jQuery Sliding Menu

    The easiest way to create a sliding menu with jQuery.You have a div (probably a nav menu or a side bar) that you want to animate with a sliding effect from outside the viewport to inside the viewport.

    Responsive Accordion with jQuery & CSS3

    Responsive Accordion with jQuery & CSS3

    “Responsive Accordion” is a component ready to use on mobile devices and desktop devices. It’s a fluid component and easy to use. It provides various skins, options and features for data organization. Ready for the Bootstrap Framework.

    jstiles : jQuery Animated Tiles Plugin

    jstiles : jQuery Animated Tiles Plugin

    This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.

    As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You also have to include jQuery easing in order to let animations get smoothly executed.

    Bootstrap – Responsive Off Canvas Menu

    Bootstrap - Responsive Off Canvas Menu

    Bootstrap already takes care of showing the .navbar-toggle when it is on the x-small window size.

    I have styled the .navbar-collapse.collapse to be positioned absolute by default. Only in the other media queries am I switching it to relative. Now when someone toggles the .navbar-toggle we are simply adding the .in class and the left css property is being adjusted

    AutoFit : jQuery Automatic Responsive Image

    AutoFit : jQuery Automatic Responsive Image

    AutoFit is a jQuery script that allow you to transform your images into automatic responsive elements. With a simple and smart code the image will be resized and cropped to fit the container. This script preserve the structure HTML5 and is SEO friendly.

    jQuery Smooth Gallery

    jQuery Smooth Gallery

    A 3KB script to generate a slick paginated gallery & lightbox viewer. Oh, and it’s fully responsive.