Best jQuery Responsive Plugins & Tutorials with Demo

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

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.