Best jQuery Responsive Plugins & Tutorials with Demo

    Soon – Animated Responsive Countdowns with jQuery

    Soon - Animated Responsive Countdowns with jQuery

    Beautifully animated countdowns for everyone. Soon is jQuery Plug & Play and super easy to setup using the supplied WYSIWYG editor. Or, faster yet, pick one of the responsive presets as a starting point.

    Soon is mobile friendly and responsive. It’s compatible with jQuery but you can use it without just as well. The package contains the original source files, so if you’re tech savvy you can tweak it to your own liking.

    Gridstack.js : jQuery plugin for Widget Layout

    Gridstack.js : jQuery plugin for Widget Layout

    Gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts.It also works great with knockout.js

    Chocolat : Responsive jQuery Lightbox Plugin

    Chocolat : Responsive jQuery Lightbox Plugin

    Chocolat helps you to easily create responsive slideshows.Chocolat is a jQuery plugin that enable you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.

    Sexymetro : Hot or not platform with jQuery & PHP

    Sexymetro : Hot or not platform with jQuery & PHP

    Sexymetro is a Social Hot or not Platform similar with HotOrNot and Badoo, that allows users to upload their photos and meet new people.

    Features:

    • Chat system on every page
    • Mobile site (app style)
    • Cute notification (when another user say you are sexy)
    • Facebook connect
    • 6 languages (english,portuguese,italian,spanish,german,french)
    • Multiple ajax upload
    • Geolocalization

    Mega-Site Navigation in CSS & jQuery

    Mega-Site Navigation in CSS & jQuery

    A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

    jQuery MenuItems : Navigation Menu Widget

    jQuery MenuItems : Navigation Menu Widget

    Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets.

    Materialmenu : jQuery Responsive Menu Plugin

    Materialmenu : jQuery Responsive Menu Plugin

    jQuery plugin that creates an responsive Menu on website.

    Modern HTML5 Responsive Youtube Playlist Player

    Modern HTML5 Responsive Youtube Playlist Player

    This is a responsive video player to play YouTube playlists. You can enter a YouTube playlist id, channel id or an array of video ids as playlist source.

    Features:

    • Enter a Youtube Playlist, Channel, or array of Video ID’s.
    • Newest YouTube API V3
    • Native Fullscreen Support for Major Browsers
    • Fully Responsive
    • Works on Mobile Devices
    • Custom Player Controls
    • Automatically show/hide playlist
    • Continuous Play & Autoplay
    • Social Sharing Buttons (Facebook, Twitter Google+)
    • Many Options More, like: max results, first video, annotations, fullscreen, volume, extra player vars, etc

    StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

    StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

    StickyFooterNav is a unique mega footer solution designed and coded to work and fit on any device. It is fully responsive and comes with a flexible grid system to hold your content within panels.

    Features:

    • 100% Responsive & powerful mega footer system
    • 3 types of drop downs (fixed width, mega and full browser width)
    • Unique full browser width panels
    • Sticks to the bottom of the browser
    • Flexible columns grid
    • Left or right alignment for the menu items and the drop downs
    • Custom & automatic scrollbars within panels
    • Clean and professional design
    • Fits into any layout
    • Lots of styled elements

    Slider Pro – jQuery Slider plugin

    Slider Pro - jQuery Slider plugin

    A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.

    Features:

    • modular architecture
    • responsive
    • touch-swipe
    • CSS3 transitions
    • animated layers (and static)
    • infinite scrolling
    • carousel layout
    • full width and full window support
    • thumbnails
    • deep linking
    • lazy loading
    • retina-enabled
    • fade effect
    • full-screen support
    • CSS-only navigation controls (no graphics) for easy customization
    • video support