Best jQuery Responsive Plugins & Tutorials with Demo

Masonry Hybrid : jQuery Multiple Columns & Resize Item

Masonry Hybrid : jQuery Multiple Columns & Resize Item

Masonry Hybrid is a multi columns layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.

SuperEmbed.js : Fluid width for Embedded Videos

SuperEmbed.js : Fluid width for Embedded Videos

SuperEmbed.js detects YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos on webpages and makes them responsive. Essentially, this means they strech to fill their container while still maintaining the original aspect ratio.

  • Works without external libraries like JQuery
  • Works automatically with YouTube, Vimeo, Kickstarter, CollegeHumor, Hulu, Flickr, Vine, VideoPress, DailyMotion, Twitch.tv, and Vid.me embedded videos
  • Responsive videos maintain their original aspect ratio
  • Responsive layout can be forced or blocked with classes applied to the embed code
  • Extremely tiny, the minified version is only 1.4 KB

jQuery Responsive Bootstrap Portfolio And Lightbox

jQuery Responsive Bootstrap Portfolio And Lightbox

A set of responsive Bootstrap Portfolio And Lightbox contains bootstrap portfolio gallery, bootstrap lightbox gallery, bootstrap carousel with thumbnails and also support YouTube videos, vimeo video, self hosted videos etc with new features.

  • 18 Light-boxes
  • 7 Colors Schemes
  • 6 Slider Portfolios
  • 18 Simple Portfolios
  • Built With Bootstrap 3.x
  • 3 Background Colors Schemes
  • 2,3,4,5,6 columns grid portfolios
  • 100% Responsive And Mobiles friendly
  • YouTube, Vimeo and Self hosted Videos Support

Responsinatr : jQuery Responsive Iframes Plugin

Responsinatr : jQuery Responsive Iframes Plugin

jQuery plugin to make iframes responsive.jQuery Responsinatr solves that issue with dynamic resizing based on the screen size to make the iframes adapt to smartphones, tablets and desktop computers.

Customizable Responsive Menu

Customizable Responsive Menu

Here is a tool where user can select a different web & mobile menu and generate a responsive menu.All you have to do is select the navigation type and generate the HTML code to be downloaded in simple easy steps. This does not stop here; this website also allows you to choose different menu styles for desktop and mobile devices to generate the HTML code for responsive menu.

Slidea : A Super Smart Responsive jQuery Slider Plugin

Slidea : A Super Smart Responsive jQuery Slider Plugin

Slidea is a super fast and intuitive multi-purpose content slider which completely leaves the competition behind.

Slidea has been developed with simplicity, efficiency and innovation in mind, making it the perfect slider solution for your website. Built with the use of jQuery, GSAP and Animus, the slider is guaranteed to offer unmatched motion design experience.

Cool Timeline Pro – WordPress Responsive Timeline Plugin

Cool Timeline Pro – WordPress Responsive Timeline Plugin

Cool Timeline Pro is an advanced WordPress timeline plugin that showcases your life history or your company’s story in a responsive vertical chronological order based on the year and the date of your posts.Extensions Bundle.

  • Create Multiple Timeline Stories – Create unlimited timeline stories inside your WordPress website or blog.
  • Timeline Scrolling Navigation – Quickly and easily navigate your timeline with a beautiful scrolling navigation inside your timeline.
  • Historical Dates – Allow you to set dates between the years 1850-2020.
  • Stories Content Format – Add different type of content like Video, Slideshow, Image in your story.
  • Stories Category Management – Add stories in specific category.
  • Advanced Style Options – Customize with your own colors, styles.
  • Story Single Page – Custom single story page.
  • Animation Effects – Add animation effects on timeline scroll.
  • Stories Images in popup – Display stories images in popup.
  • Stories Images Slideshow – Add images slideshow in stories.

Responsive YouTube Player with Playlist : jQuery Plugin

Responsive YouTube Player with Playlist : jQuery Plugin

Responsive YouTube Player with Playlist.Since Youtube API V3.0, it’s mandatory to create a YT API key in order to get the playlists contents programatically… there aren’t other ways to do this. The old XML Feed used in the V.01 of RYPP has been removed by Youtube and no longer exists.

Responsive Bootstrap Modal And Popup with jQuery

Responsive Bootstrap Modal And Popup with jQuery

A set of responsive Bootstrap Modals and Popups those contain bootstrap carousel, images gallery, login, signup and contact us forms, subscribe and search bars, different types videos in modal etc with new features. It is made with bootstrap.

  • 100% Responsive And Mobiles friendly
  • 20 Ready modal style
  • 5 Colors Schemes
  • 3 Background Colors Schemes
  • Built With Bootstrap 3.x
  • 26 Animation Effects
  • Different Types of Sliders in the Modals
  • Touch swipe Enabled In Sliders

Responsive Photo Gallery with jQuery & Bootstrap

Responsive Photo Gallery with jQuery & Bootstrap

A simple jQuery plugin that will create a Bootstrap based Photo Gallery for your images. Supports variable height for the images and captions. An optional “modal” box with “next” and “previous” paging is also included.