Best jQuery Responsive Plugins & Tutorials with Demo

    Tabdrop.js : jQuery Tab drop for Bootstrap

    Tabdrop.js : jQuery Tab drop for Bootstrap

    Very usefull script when your tabs do not fit in a single row. This script takes the not fitting tabs and makes a new dropdown tab. In the dropdown there are all the tabs that do not fit.

    • works only with horizontal tabs and pills
    • custom text for the dropdown tab
    • works with responsive design

    Accordion Pro JS : Responsive jQuery Accordion

    Accordion Pro JS : Responsive jQuery Accordion

    Accordion Pro JS is a responsive jQuery accordion plugin. Create horizontal and vertical accordions with a variety of attractive themes and customisation options.

    Features:

    • Fully responsive;
    • 5 unique themes (that’s themes, not colour options);
    • Create horizontal and vertical accordions;
    • Click or mouseover activation on desktop;
    • Touch or swipe activation on mobile devices;
    • Autoplay animation, easing and speed options;
    • CSS3 animations for smooth, hardware-accelerated animation on mobile devices and modern browsers; jQuery fallback for older browsers;
    • Right To left (RTL) support;

    Fixed header and column jQuery Datatables

    Fixed header and column jQuery Datatables

    Uses jQuery datatables to make a responsive datatable with a fixed header and a fixed column.

    Features:

    • Regular markup
    • Styled with Bootstrap 2.3.2
    • Scrolls to first non-empty cell when you click header or left column
    • Resizes height and width on browser resize

    Nex : jQuery Blazing Fast FullScreen Slider

    Nex : jQuery Blazing Fast FullScreen Slider

    Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.

    It’s speed is based upon the fact that it is based on the Animo library which implements custom features from modern browsers like “requestAnimationFrame” and “Gpu Acceleration”.

    Features:

    • Customizable slider look
    • Optimized Speed
    • Touch Support
    • Keyboard Support
    • Pattern Support
    • SEO Friendly
    • 10 types of effects:
      1. Fade
      2. Slide from left
      3. Slide from right
      4. Slide from top
      5. Slide from bottom
      6. Zoom
      7. Skew
      8. Rotate
      9. Random
      10. None
    • 5 Predifined Color themes: amethyst, coral, sun, turquoise, and the default one
    • Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia. (Note that they currently are working only under chrome, opera and safari)
    • Different Content types: image, video, map
    • Customizeable map style: ROADMAP, SATELLITE, HYBRID, TERRAIN
    • Customizable maps: zoom size, show infowindow, or hide it

    Visual LightBox: Beautiful jQuery Lightbox

    Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code. Just drag&drop your photos into Visual LightBox window, press “Publish” and your own web gallery with beautiful LightBox 2 effects will open in the browser instantly! No javascript,css,html coding, no image editing, just a click to get your gallery ready.
    Visual LightBox is available as Prototype or jQuery plugin, for Windows and Mac, it is translated to 31 languages!

    Features:

    • Cross-browser – works perfectly on all browsers (including IE6)
    • GUI wizard – no coding, just point-&-click
    • Responsive – smoothly adapts to any browser resolutions and device screens
    • Mobile-ready – optimized for Android and iOS devices
    • Search engine friendly and semantically valid
    • Unobtrusive – even without Javascript, the images are still accessible

    RTP.Slider.js: jQuery Touch Enable and Responsive Slider Plugin

    RTP.Slider.js: jQuery Touch Enable and Responsive Slider Plugin

    RTP.Slider.js is a versatile and flexible slider. Strong support for fluid / responsive Designs, mobile browsers and touch devices. It has nearly every feature that you can find in other sliders on the web.

    Features:

    • Carousel/Endless mode
    • Support for touch events
    • Simulated touch events via mouse
    • Support for fluid viewports
    • Also works in vertical mode
    • Various widgets and plugins
    • Autosliding with control widget
    • Extensible through plugin hooks
    • Custom animations for sliding
    • Experimental 3d carousel widget

    NACHO Lightbox : Flat responsive lightbox with jQuery

    NACHO Lightbox : Flat responsive lightbox with jQuery

    NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

    Features:

    • Flat skin – perfect for modern websites
    • Responsive and beyond – very adaptable, perfect for desktop, tablet and even mobile. It hides the thumbnails on small screens to keep the media visible.
    • Touch gestures – mouse and touch are unified, so you can do anything using either one.
    • Blazing fast – Featuring some of the coolest CSS3 Effects out there, it takes advantage of the GPU on mobile devices.
    • Responsive Videos from Youtube and Vimeo.
    • Responsive fluid grid included to keep your images aligned.
    • Powerful events API – you can control all the options through this easy to use API. 
    • Retina Graphics – Sharper on every screen
    • Deep linking – So when someone shares your image will be taken directly to that image.
    • No coding required – Using only jQuery selectors and HTML5 data attributtes

    slimMenu : jQuery Responsive & Multi-level Navigation Menus

    slimMenu : jQuery Responsive & Multi-level Navigation Menus

    slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.With slimMenu, you’ll no longer struggle with media queries to create responsive menus, or any other heavy plugins to create multi-level nested menus.

    Features:

    • Multi-level nested menus.
    • 100% mobile responsive menus.
    • Multiple slimMenu navigations on the same page.
    • Tap areas to toggle sub menus easily in touch devices.
    • Hover option and effects for desktop version.
    • Submenu indentation options for responsive version.

    Tabby : Lightweight & Mobile-first toggle Tabs

    Tabby : Lightweight & Mobile-first toggle Tabs

    Tabby is a lightweight JavaScript and CSS kit for mobile-first toggle tabs. It’s style-light so you can easily modify it to fit your design.