Best jQuery Responsive Plugins & Tutorials with Demo

    mightySlider : jQuery Responsive Slider

    mightySlider : jQuery Responsive Slider

    mightySlider is a jQuery plugin for creating advanced one-directional slider with item based navigation support.

    It can be used as a simple image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.

    Features:

    • Responsive design.
    • Animated HTML captions with customizable effects.
    • Easy installation in your Website.
    • Unlimited Slides.
    • Unlimited Caption Layers.
    • Unlimited Caption Effects.
    • Native browser fullscreen support.
    • Cross browser, supports Chrome, FireFox, Safari, Opera and IE7+.
    • Device friendly, works in iPhone, iPad, Android Devices and Windows Phone.
    • Highly User Interface Design.
    • Fully customizable, it’s possible to customize or redesign all parts of mightySlider.
    • Search engine optimized (SEO).
    • YouTube and Vimeo videos are supported.
    • Super smooth hardware accelerated CSS3 transitions for supported touch devices.
    • Smart lazy loading – loads nearby images in background, so users don’t need to wait each time and images are available instantly.
    • Simple clean & valid markup.
    • Deep linking – link to specific slide from URL.
    • Adjustable speed, transition and easing for each caption or slide.
    • Auto cycling with optional pause on hover.
    • Thumbnails, Tabs or bullets for navigation.
    • Multiple sliders allowed on one page.
    • Keyboard support.
    • Touch support.
    • Mouse support: (Click, Wheel).

    freewall : jQuery plugin for Creating dynamic Grid layout

    freewall : jQuery plugin for Creating dynamic Grid layout

    Freewall is a responsive and cross-browser jQuery plugin for creating dynamic grid layouts for desktop, mobile and tablet. Freewall is all-in-one solution help you to create many types of grid layout (flexible layout, grid layout, images layout, pinterest-like layout, etc) with nice CSS3 animation effects and call back events..

    Filterize Responsive CSS3 Portfolio Gallery

    Filterize Responsive CSS3 Portfolio Gallery

    Filterize. CSS3 portfolio gallery is made to present your projects, images and references with ease and style.

    Features:

    • Clean design and commented code
    • Easy to customize to fit your design and color pallete
    • Made with pure CSS3 and HTML5
    • Responsive and adaptive to various screen sizes
    • Category filters
    • 3 ready themes
    • 4 column layouts for each theme
    • 2 columns
    • 3 columns
    • 4 columns
    • Full width layout
    • Animated overlays
    • Quick links for better user experience
    • Lightbox for detailed image and project presentation
    • Lightbox navigation
    • Custom scrollbars

    Naver : jQuery plugin for responsive navigation

    Naver : jQuery plugin for responsive navigation

    Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle.

    Device.js : Write Device based conditional CSS and JavaScript

    Device.js : Write Device based conditional CSS and JavaScript

    Device.js makes it easy to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).

    jQuery Crystal Notifications

    jQuery Crystal Notifications

    Two main functions, Small Notifications that works like banners and a Notification Center that can be use as website control or sistem notification panel.

    Features:

    • Touch Enabled
    • Responsiveness
    • Infinite options
    • Easy to set up
    • Callbacks
    • Properties to change
    • Can hold custom HTML
    • Retina Display ready

    Puzzllerry : Interactive jQuery gallery plugin

    Puzzllerry : Interactive jQuery gallery plugin

    Puzzllerry is plugin that allows you to create interactive gallery/portfolio/menu or any element with listed items. It has extremly simple markup and requires only 1 line of js code to turn it on.It will make your website more attractive, it will gain some focus of your visitor as user may ‘play’ with it.

    And of course its responsive.

    jQuery Fluid Content Scroller

    jQuery Fluid Content Scroller

    jQuery Fluid Content Scroller Plugin makes navigation through long item lists like news, events, blog posts, etc. smooth and easy. Plugin is represented with the tabbed navigation panel at the top and at the bottom of the page / list container allowing to instantly scroll up and down to a particular post on the list.

    Features:

    • Responsive design
    • Touch friendlyness
    • Smooth animation
    • jQuery 1.4.2+ or jQuery 2.x
    • Free for non-commercial use
    • Free updates
    • Unminified source
    • Cross-platform & cross-browser

    Responsive Share Buttons CSS and jQuery

    Responsive Share Buttons CSS and jQuery

    Today let’s create a cool looking responsive share buttons for your website contents, which will adjust according to the users’ screen size. If you are not satisfied with your current share buttons, you can try this solution. Advantage of creating own set of share buttons is that, it goes well with your layout, and you don’t have to rely on bulky files that are loaded from anonymous servers, which could also slow down the page loading time significantly.

    Jet : jQuery CSS3 Responsive Megamenu

    Jet : jQuery CSS3 Responsive Megamenu

    Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It’s has a responsive and fluid layout.

    Features:

    • 14 Styles
    • Responsive
    • Collapsible
    • Javascript/CSS effects
    • Grid system
    • Cross browser
    • Easy to use