In this post is a collection of 10 jQuery Responsive Demos you may find very interesting! Help yourself and check them out.. Enjoy! ;)

Also see:

1. Flexisel

The responsive image carousel with options specifically available for adapting the carousel for mobile and tablet devices.

Flexisel.jpg
Source + Demo

2. Animated Responsive Image Grid

Cycling through a set of images in a responsive grid.

Animated-Responsive-Image-Grid.jpg
Source + Demo

3. Camera slideshow

Is an open source project, based on Diapo slideshow. A free jQuery slideshow with many effects and transitions…

Camera.jpg
Source + Demo

4. Isotope

An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.

isotope.jpg
Source + Demo

5. Response.js

A jQuery plugin that provides tools for building performance-optimized, mobile-first responsive websites. Its breakpoint sets use HTML5 data attributes to dynamically swap markup based on breakpoints so that rich content can be served progressively.

Response-JS.jpg
Source + Demo

6.LAYERSLIDER 5

A premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects. It uses cutting edge technologies to provide the smoothest experience that’s possible, and it comes with more than 200 preset 2D and 3D slide transitions.

LayerSlider-5.jpg
Source + Demo

7. Custom responsive grid

It’s easy to extend the basic grid styles into a custom responsive layout by using CSS media queries to adjust the layout and design across various screen width breakpoints.

Custom-Responsive-Grid.jpg
Source + Demo

8. Elastislide

A Responsive Image Carousel

Elastislide.jpg
Source + Demo

9. Jssor Slider

Is responsive touch swipe javascript slider, Responsive Web Design (RWD) is a new web design approach aimed at crafting sites to provide an optimal viewing experience-easy reading and navigation with a minimum of resizing, panning, and scrolling-across a wide range of devices (from desktop computer monitors to mobile phones).

Jssor-Slider.jpg
Source + Demo

10. ThumbFx

Responsive jQuery & HTML5 Thumbnail Effects

ThumbFx.jpg
Source + Demo

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


  • rock

    Great collection

    • http://jquery4u.com/ jQuery4u

      Thanks guys! :)

  • Rakesh Prajapati

    Nice Collection… thanks for sharing

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.