Best jQuery Responsive Plugins & Tutorials with Demo

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

Foldable : Full Stack CSS3 powered jQuery Accordion

Foldable : Full Stack CSS3 powered jQuery Accordion

Foldable is the full stack CSS3 powered jQuery Accordion.

Responsive and device-ready with a lot of options to customize it that can be easily be part of your projects.

Fully animated open-close actions using built-in CSS3 animations with a smart auto fallback to jQuery animations for oldie browsers

Attractive fully Responsive Menu using CSS3

Attractive fully Responsive Menu using CSS3

A fully responsive navigation using css3 and jQuery which is very attractive with animated effects. In this header, you can see clean navigation items with search and in mobile/tablet you can see attractive toggle menu with animated open/close effects.

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.