Best jQuery Responsive Plugins & Tutorials with Demo

    Cube Portfolio : Responsive jQuery Grid Plugin

    Cube Portfolio : Responsive jQuery Grid Plugin

    Cube Portfolio is a powerful jQuery plugin that provides beautiful animated filtering, custom captions and it’s perfect for portfolios, galleries, team members, blog posts or any other ordered content.It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive layouts.

    Features:

    • Responsive & centering layout
    • Fully customizable: more than 20+ options
    • You can add unlimited number of items
    • You can add items usign AJAX
    • Responsive built-in lightbox with support for images, youtube and vimeo.
    • Built-in single ajax page with support for any HTML
    • 6 starter templates
    • 10 animations for item grids
    • Filter by categories: group your entries by categories
    • Support for dropdown filtering
    • Lazy Loading function
    • Using CSS Animation with fallBack to jQuery
    • Powerfull API : init, destroy, filter, appendItems, showCounter
    • Adjustable speed, transition, easing and effects for each caption

    Master Slider : jQuery Responsive Touch Swipe Slider

    Master Slider : jQuery Responsive Touch Swipe Slider

    Master Slider is a premium image and content slider with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It’s a truly responsive and device friendly slider which works perfect in all major devices. Master Slider is an awesome layer slider as well, with the ability of adding any html contents (texts, images, …) in layers. It is easy to use, plus there are 25+ ready to use templates available for you. You almost have everything in Master slider which is the most complete among the best, hotspots, thumbnails, variety of effects, Video support and much more.

    jQuery.TosRUs : jQuery plugin for scrolling/swiping

    jQuery.TosRUs : jQuery plugin for scrolling/swiping

    A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

    Features:

    • Responsive CSS interface for sizing and positioning.
    • Creates lightbox galleries just as easy as “inline” sliders.
    • Drag or swipe to slide to the next/previous slide(s).
    • Doubletab or pinch to zoom on images.
    • Slides are automatically grouped into a gallery.
    • Works just as well on a desktop as it does on a tablet or smartphone.
    • Very customizable through a series of options with device dependent defaults.
    • Viewport-scale dependent buttons and caption sizes.
    • Currently supports showing images, video’s and HTML content.
    • Optimized preloading content; not too soon, not too late.
    • Retina ready.

    bbGrid : Extendable Grid based on jQuery & Twitter Bootstrap

    bbGrid : Extendable Grid based on jQuery & Twitter Bootstrap

    Quite simply, bbGrid is a JavaScript grid/spreadsheet component. The general idea is the same as in Backbone, you don’t need to keep an eye on collection, bbGrid will do that!

    Features:

    • Responsive due to Twitter Bootstrap
    • Extendable thanks to Backbone.js
    • Fast as much as jQuery can
    • Configurable & customizable

    jQuery Smart Timer And Counter

    jQuery Smart Timer And Counter

    Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).

    • Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.
    • Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.

    jQuery Isotope for Twitter Bootstrap

    jQuery Isotope for Twitter Bootstrap

    Combines the epic powers of Twitter Bootstrap and jQuery Isotope

    Responsive CSS3 Data Grids

    Responsive CSS3 Data Grids

    Responsive CSS3 Data Grids are used to present typical tabular data. Their advantages over the standard table are expandable rows in a form of drop down accordion sections, ability to highlight individual rows, hover states, table cell and headings tooltips. In addition the table is fully responsive and adapts well to the resolution of different mobile devices like iPad or iPhone by grouping the data into rows. Additional drop down panel allows to show / hide selected columns for easier data comparison.

    Features:

    • Pure CSS3 + HTML,
    • Responsive Layout,
    • IE8 JS Fallback,
    • Expandable Rows,
    • Ability To Expand Multiple Rows At Once,
    • Ability To Expand Only One Row At Once,
    • Ability To Expand Selected Rows By Default At Startup,
    • Ability to Highlight Single Table Row,
    • Hover States,
    • Columns Filtering,
    • CSS3 Tooltips,
    • 4 Predefined Color Skins

    Wonderful CSS3 Flat Menu

    Wonderful CSS3 Flat Menu
    • Pure CSS3
    • Full responsive
    • Clean flat design
    • Multilevel dropdown menu
    • 17 Preset color schemes
    • Multi-column content
    • Left or right item alignment
    • Fullwidth dropdown
    • Font Awesome icons
    • Well documented

    Portfoliojs : jQuery plugin to showcase your Portfolio

    Portfoliojs : jQuery plugin to showcase your Portfolio

    Portfoliojs is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers.

    Features:

    • smart pre-loading
    • set custom height & width of gallery
    • set custom easingMethods for slide animation
    • multiple gallery support
    • lightbox
    • keyboard navigation
    • renders according to the device width. including mobile devices.
    • supports touch devices (iPhone/iPad/Android) swipe-to-slide

    jQuery Responsive YouTube & Vimeo Playlist

    jQuery Responsive YouTube & Vimeo Playlist

    This responsive video plugin gives you a professional, mobile-friendly solution for streaming online video players on your website. It’s lightweight, cross-browser compatible, and comes with built-in support for YouTube and Vimeo media streaming.

    – Supports YouTube & Vimeo streaming by URL. – Build a custom video player with an unlimited number of videos. – Bring videos together from both YouTube and Vimeo under a mobile-friendly, unified player. – Showcase your video media across all platforms and devices.