Best jQuery Responsive Plugins & Tutorials with Demo

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow is a fully 3D multimedia coverflow slider plugin that allows to display multimedia content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors.

  • Responsive / Fluid layout with autoscale function.
  • Mobile and desktop optimized.
  • Scroll and/or drag and swipe functions for the desktop and mobile devices.
  • Mouse Wheel support – navigation with mouse wheel scrolling.
  • Keyboard support – the left and right arrows can be used for navigation through the thumbnails.

resTables : jQuery plugin for Responsive Tables

resTables : jQuery plugin for Responsive Tables

The resTables jQuery plugin allows you to easily make your table responsive. It has been created based on the stacktable.js concept by John Polacek.

SolidMenu+ : jQuery Responsive Mega Menu

SolidMenu+ : jQuery Responsive Mega Menu

Create an Ultra Responsive yet Beautiful MegaMenu navbar for your next site. It uses CSS3 Animations and provides a modern style navigation look and feel in your website.

These sets of Responsive Mega Menu utilizes the Standard “navbar” framework from Bootstrap 3.0. It can work on Fixed and Responsive Layout.

  • 100% Responsive, Works on All Devices
  • One Code: Works in All Devices
  • Beatiful Look and Feel
  • Bootstrap Navbar Framework
  • Bootstrap Drop Down Menu
  • Bootstrap 12-Column Grid Based, Compatible with BootStrap 3.0+
  • Line Icons Included, Vector Icons
  • Custom Widgets, Carousels, Images, Google Map, Sliders
  • Very light weight, No image needed
  • Easy Integration for your Web Projects
  • Varieties of Pure CSS3 Animations

jQuery Responsive Overlay Menu

jQuery Responsive Overlay Menu

Framework for making responsive cross-browser overlay menus.

Features:

  • works in all browsers
  • works on all device
  • tiny, < 600bytes
  • responsive
  • super fast
  • uses jquery animations
  • framework not a template
  • easy to use

jQuery Responsive Mosaic plugin

jQuery Responsive Mosaic plugin

A free plugin for jQuery to build responsive mosaics of images or any other content fitted to match heights in multiple rows while maintaining aspect ratios.

Reframe.js : jQuery plugin to make Elements Responsive

Reframe.js : jQuery plugin to make Elements Responsive

Reframe.js is a javascript plugin that makes elements scale at a fixed ratio.

Adapttext.js : jQuery Responsive Text Plugin

Adapttext.js : jQuery Responsive Text Plugin

Adapttext.js is a dependency free and simple javascript solution capable to fit your text inside the parent element.

It calculates the maximum font-size possibile in order to keep the text’s width and height inside the parent.

It’s very useful in responsive situation and where we don’t know in advance the text’s length (text pulled from a CMS?). It is also very handy when we need to display text along an image and we want to avoid overlaps.

jQuery Scroll to Top – 32 Animations

jQuery Scroll to Top - 32 Animations

Scroll to top is a multi-purpose, fully responsive scroll to top button which allows you to scroll to the top of the website with silky-smooth animation (32 animation types). Release you users from endless scrolling back to top with this one click add-on.

Based on HTML5 & CSS3 to deliver best user experience on any smartphone, tablet and notebook/desktop computer.

 

  • 32 animation effects
  • 8 predefined, awesome color themes
  • 6 button positions
  • 4 button layouts
  • responsive
  • CSS3 animated button
  • Font Awesome
  • cross browser support
  • 100% Bootstrap compatible

 

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


Best jQuery websites design awards