Best jQuery Responsive Plugins & Tutorials with Demo

FXB Grid : Mobile-friendly Javascript Grid Control

FXB Grid : Mobile-friendly Javascript Grid Control

FXB Grid is a mobile-friendly javascript grid control.

Features:

  • Responsively show and hide columns based on container width
  • Responsively change row height based on font size
  • Low processor usage – prolong battery life
  • Full support for touch devices
  • Special touch gestures

PrMenu : jQuery Responsive Multi Dropdown Menu

PrMenu : jQuery Responsive Multi Dropdown Menu

PrMenu is a very lightweight, responsive menu plugin for jQuery. Provides a menu with links evenly distributed across width of menu container.

Features:

  • Links are evenly distributed within menu container
  • Maximum four menus levels (three nested)
  • Auto text wrap of long link text (maximum two lines)
  • Auto link background colors for all levels based on initial background color
  • All settings can be changed by passing in your own options

Fullscreen Slider with JavaScript

Fullscreen Slider with JavaScript

This asset controls sections in a page. It resizes sections to fullscreen resolution and moves these individually by wheel/touch events.

GRT Fixed Responsive Menu – jQuery Plugin

GRT Fixed Responsive Menu - jQuery Plugin

GRT is a simple and lightweight fixed responsive menu jquery plugin for your website.

Bootstrap 4 Modal Responsive jQuery Plugin

Bootstrap 4 Modal Responsive jQuery Plugin

Bootstrap 4 Modal Responsive jQuery Plugin is a set of different modals and popups those contains carousel, sliders, forms, adds banners, videos etc with advanced options.

Features:

  • Compatible With Bootstrap 4
  • Compatible With Bootstrap 3
  • Multiple Columns Support
  • 100% Responsive And Mobiles friendly
  • Support Bootstrap Columns Grid System
  • 33+ pre-built layouts and examples
  • 35+ Animation Effects
  • Support 9 Positions To Display

flxMenu : jQuery Dropdown Navigation Plugin

flxMenu : jQuery Dropdown Navigation Plugin

The flxMenu plugin is a responsive, cross-browser jQuery plugin that helps you create dropdown navigation for both desktop and mobile devices.

Features:

  • automatically switches to a mobile-friendly toggle menu when the window width reaches a specified breakpoint.
  • supports infinite levels of sub menus.
  • supports multi-column dropdown navigation.
  • popup menu slides in from top, left or right hand side.
  • accordion-style menu where all the menu items will be collapsed into a dropdown toggle menu on small screens.
  • supports keyboard navigation in desktop mode.

coreNavigation : jQuery Multi purpose Navigation Menu

coreNavigation : jQuery Multi purpose Navigation Menu

coreNavigation is a multi purpose navigation menu for javascript library based on jquery, come with more style and easy to combination.

Features:

  • 9 Default Menu
  • 2 Responsive Navigation
  • 6 Event Menu
  • 6 Attributes Header
  • 3 Mode Menu Position
  • 9 Layout Navigation
  • More Themes & Custom

jQuery plugin to switch between Mobile & Desktop menu : Menu-breaker.js

jQuery plugin to switch between Mobile & Desktop menu : Menu-breaker.js

Menu-breaker.js is a javascript & jQuery plugin to switch between mobile and desktop menu and change submenus side on browser window resize.

Mobile Friendly Responsive Table with jQuery

Mobile Friendly Responsive Table with jQuery

A mobile-friendly table solution, which persists headers for each table-cell on mobile devices.On mobile devices the orientation changes from horizontal to vertical, and each cell is prepended with its respective table header as a label.

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