Responsive Web Design Tools

 5

OWL Carousel

Script / Library

Touch enabled jQuery plugin to create a responsive carousel slider.

 5

Slick

Script / Library

Slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

 3

ResponsiveSlides.js

Script / Library

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using list items inside <ul>. It works with wide […]

 3

PhotoSwipe

Script / Library

An Image Gallery for mobile and touch devices. iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

 3

Flexisel

Script / Library

Responsive Carousel jQuery Plugin

 2

Adaptive Images

Script / Library

Adaptive Images detects your visitor’s screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web […]

 2

Foundation

Framework / Boilerplate

The most advanced responsive front-end framework in the world.

 2

Bootstrap

Framework / Boilerplate

Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

 2

FitVids.js

Plugin, Script / Library

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

 2

Responsly.js

Script / Library

Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are […]

 2

jResize

Script / Library

jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There […]

 2

Responsive Nav

Script / Library

Responsive navigation plugin without library dependencies and with fast touch screen support.

 2

Top Drawer

Script / Library

A smooth dropdown menu for responsive web design.

 2

Fotorama

Script / Library

A simple, stunning, powerful jQuery gallery.

 2

Slippery

Script / Library

A responsive Slider for jQuery.

 2

Menutron

Script / Library

A jQuery-Plugin to convert ordered-, unordered- and definition-lists to select-lists.

 2

Chartist.js

Script / Library

Chartist.js is a responsive charting library built with SVG.

 2

Flickity

Script / Library

Flickity is a touch, responsive, flickable gallerie.

 2

Breakpoint Tester

Online-Tool

Breakpoint Tester is a bookmarklet which scans your website stylesheet to find user defined media query breakpoints. It let’s you […]

 2

Flexbox in 5 minutes

Online-Tool

Flexbox in 5 minutes is an interactive tour of all the major features of the CSS property: flexbox.

 2

Resizer – Google Design

Online-Tool

An interactive viewer to see and test how digital products respond to material design breakpoints across desktop, mobile and tablet.

 2

SearchUIEffects

Collection, Download, Online-Tool

SearchUIEffects is a Demo with a couple of schematic, inspirational proof-of-concepts for how to show the search interface on a […]

 1

Screenfly

Online-Tool

 1

Responsive Design Testing Tool

Online-Tool

 1

Responsinator

Online-Tool

 1

Gridpak

Online-Tool

Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system […]

 1

Adobe Edge Inspect

Desktop Application, Mobile App

Preview & inspect web designs on devices.

 1

The Responsive Calculator

Online-Tool

Just a simple calculator to help turn your PSD pixel perfection into the start of your responsive website.

 1

Golden Grid System

Framework / Boilerplate

A folding grid for responsive design.

 1

SimpleGrid

Framework / Boilerplate

Responsive SG is prepared for 4 distinct ranges of screen size: screens < 720px, screens > 720px, screens > than […]

 1

FitText

Script / Library

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the […]

 1

320 and Up

Framework / Boilerplate

A working toolkit Frameworks and boilerplates like HTML5 Boilerplate and Bootstrap are great, but they include some files and styles […]

 1

GridLess

Framework / Boilerplate

Make future-proof responsive websites with ease. Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser […]

 1

1140 CSS Grid System

Framework / Boilerplate

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width […]

 1

Less Framework 4

Framework / Boilerplate

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography […]

 1

The Semantic Grid System

Framework / Boilerplate

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x […]

 1

slabText

Script / Library

Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal […]

 1

Skeleton

Framework / Boilerplate

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any […]

 1

Overthrow

Polyfill, Script / Library

You want to use CSS overflow in your designs, but overflow doesn’t work properly in many browsers, particularly mobile ones. […]

 1

Screenqueri.es

Online-Tool

 1

Responsive Design Bookmarklet

Bookmarklet

A handy tool for responsive design testing. Displays the current Media Query.

 1

Columnal

Framework / Boilerplate

A responsive CSS grid system helping desktop and mobile browsers play nicely together. The Columnal CSS grid system is a […]

 1

Fluid Grids

Framework / Boilerplate

A CSS-Framework for Rapid Interactive Prototyping.

 1

Flurid

Framework / Boilerplate

A cross-browser CSS grid framework that doesn’t hide pixels in margins!

 1

TinyNav.js

Script / Library

TinyNav.js is a tiny jQuery plugin (443 bytes minified and gzipped) that converts <ul> and <ol> navigations to a select […]

 1

Blueberry

Script / Library

A jQuery image slider written specifically for responsive web design.

 1

Responsive Tables

Script / Library

Don’t let tables break your responsive layout anymore. This simple JS/CSS combo will let your tables adapt to small device […]

 1

The Goldilocks Approach

Framework / Boilerplate

A good starting point for design that takes device resolution out of the equation. The Goldilocks Approach uses a combination […]

 1

Fluid Baseline Grid

Framework / Boilerplate

The Fluid Baseline Grid System is an HTML5 & CSS3 development kit that provides a solid foundation to quickly design […]

 1

Wirefy

Framework / Boilerplate

Wirefy is a browser based responsive wireframe tool, which allows you to create functional wireframes using standard elements. Think of […]

 1

RefineSlide

Script / Library

RefineSlide is a simple jQuery plugin for displaying responsive, image-based content (with shiny animations). CSS transitions are used wherever possible, […]

 1

Swipe.js

Script / Library

Swipe is a lightweight mobile slider with 1:1 touch movement, resistant bounds, scroll prevention, and completely library agnostic.

 1

iView Slider

Script / Library

iView is easy to use jQuery image slider with animated captions, responsive layout and HTML Elements like (Video, iFrame) slider. […]

 1

jQuery Picture

Script / Library

jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure […]

 1

Kube CSS-Framework

Framework / Boilerplate

Minimal and enough. Adaptive and responsive. Revolution grid and beautiful typography. No imposed styles and freedom.

 1

FlexSlider

Script / Library

An awesome, fully responsive jQuery slider toolkit.

 1

ProFound Grid

Framework / Boilerplate

A responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control.

 1

The Responsive Calculator

Calculate the ratio (in %) between the parent-element and the child-element of your responsive website.

 1

Groundwork CSS

Framework / Boilerplate

A responsive HTML5, CSS & Javascript framework.

 1

Am I Responsive?

Online-Tool

Show off how responsive design looks across different browsers easily with this 4 in 1 viewport tool. See how your […]

 1

respond.js

Polyfill

A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).

 1

Sidetap

Framework / Boilerplate

Framework for mobile Websites, Applications and Navigations (Off-Canvas). Simple, fast, easy and awesome. much more responsive than jQuery mobile or […]

 1

Cool Kitten

Framework / Boilerplate

A parallax scrolling responsive framework.

 1

Pure

Framework / Boilerplate

A set of small, responsive CSS modules that you can use in every web project.

 1

Flexplorer

Online-Tool

CSS3 Flexible Box (Flexbox) Layout Explorer & Flexbox Code-Generator.

 1

CSS Media Query Generator

Online-Tool

Quickly and effectively identify required media queries for specific devices.

 1

Flexbox Grid

Framework / Boilerplate

A grid system based on the flex display property.

 1

Solved by Flexbox

Collection, Template

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

 1

bxSlider

Plugin, Script / Library

The bxSlider is a responsive jQuery content slider.

 1

Mobile-Friendly Test

Online-Tool

This tool analyzes the optimization of websites for mobile devices.

 1

SkyBlue CSS Framework

Framework / Boilerplate

SkyBlue is a minimal framework with a 12 columns grid system.

 1

Responsivator

Online-Tool

Online-Tool for viewing and sharing how website look at different screen sizes.

 1

Layout Grid

Framework / Boilerplate

Layout Grid is a static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size […]

 1

MJML – The Responsive Email Framework

Framework / Boilerplate

MJML is a framework for responsive emails.

 1

Milligram

Framework / Boilerplate

Milligram is a minimalist CSS framework.

 1

Medie Query Generator

Online-Tool

The Medie Query Generator is an Online-Tool to generate Media Queries.

 1

Responsive iframes

Download, Plugin, Script / Library

Responsive iframes is a tiny (0.9KB minified and gzipped) jQuery plugin that targets a challenging use-case in which embedded content can have […]

 1

Bricklayer

Script / Library

Bricklayer is a lightweight and independent Pinterest-like cascading grid layout library.

 1

RespImageLint

Bookmarklet

RespImageLint is a bookmarklet that checks images of a webpage against a list of common mistakes and best practises.

 1

sizersoze

Download, Online-Tool, Script / Library

This tool evaluates the savings by resizing images to various viewports, with the goal of fitting images into a »performance […]

 1

Simple CSS Media Queries

Collection, Online-Tool

Simple CSS Media queries is a tool for Web Designers & Front End Developers who want to target a specific […]

 Like

Mobile Boilerplate

Framework / Boilerplate, Online-Tool

A best practice baseline for your mobile web app.

 Like

Responsive.gs

Framework / Boilerplate

Fluid grid CSS framework for fast, intuitive development of responsive websites. Available in 12, 16 and 24 columns with media […]

 Like

Responsivepx

Online-Tool

Enter the url to your site – local or online: both work – and use the controls to adjust the […]

 Like

Responsify

Framework / Boilerplate

Responsify is a browser based tool, which allows you to create your own responsive template. Think of it as a […]

 Like

Proportional Grids

Framework / Boilerplate

Don’t think widths, think proportions. A dead simple method of creating responsive fluid grids with fixed gutters. Use classes to […]

 Like

Amazium

Framework / Boilerplate

You may have been hearing the term „Responsive Web Design“ being thrown around the past few months, which simple means […]

 Like

Initializr

Framework / Boilerplate, Template

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It […]

 Like

Responsive Grid System

Download, Online-Tool

Responsive Grid System is a quick, easy & flexible way to create a grid for a responsive web site.

 Like

The Boiler

Framework / Boilerplate

A responsive boilerplate, optimized for WordPress.

 Like

This is Responsive

Collection

Patterns, resources and news for creating responsive web experiences.

 Like

Interface Sketch

Template

Free sketch templates for web, mobile and tablet. If you’re designing a website or app, these simple templates are designed […]

 Like

Viewport Resizer

Bookmarklet

Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you […]

 Like

Thinkingtags

Framework / Boilerplate, Online-Tool

‚Thinkin‘ Tags‘ is a rapid prototyping tool, that works with CSS frameworks (currently YAML4 and Blueprint CSS, more are coming […]

 Like

34 Responsive Grid System

Framework / Boilerplate

34Grid is a Responsive Grid System based on „equally distributed columns“ layout basis. In contrast to other great grid systems, […]

 Like

jPanelMenu

Script / Library

jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook […]

 Like

Media Query Snippets

Online-Tool

A growing list of media queries for your responsible web design work.

 Like

Sequence.js

Script / Library

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing […]

 Like

Bourbon Neat

Framework / Boilerplate

Neat is an open source semantic grid framework built on top of Sass and Bourbon. It is simple enough to […]

 Like

Enquire.js

Script / Library

A lightweight, pure JavaScript library for responding to CSS media queries. Respond to media queries being matched (and even unmatched!).

 Like

Toast CSS Framework

Framework / Boilerplate

Toast is a CSS framework as simple as it can be, but no simpler. A twelve column responsive grid makes […]

 Like

CSS Media Queries Test

Online-Tool

Media queries, the heart of Responsive Web Design, is a W3C CSS3 standard. Mozilla and Safari support extensions; A new […]

 Like

Grid-A-Licious

Framework / Boilerplate

Grid-A-Licious is a fully responsive and floating Grid System for „Pinterest-Like“-Layouts.

 Like

CSSHórus

Framework / Boilerplate

CSSHórus is a CSS framework for easy and fast development of responsive and mobile websites. It contains 16 grid columns […]

 Like

ResponsiveURL.co.uk

Fun-Tool

It feels like we’re obsessed with making everything responsive at the moment, but haven’t we forgotten something? That’s right, what […]

 Like

FooTable

Script / Library

FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how […]

 Like

Response JS

Script / Library

Response is a jQuery plugin that helps optimize cross-device performance by enabling progressive enhancement of content via HTML5 data.

 Like

Adapt.js

Script / Library

Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders a page. If […]

 Like

Backstretch

Script / Library

Backstrech is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or […]

 Like

carouFredSel

Script / Library

jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple […]

 Like

PageSlide

Script / Library

A jQuery plugin which slides a webpage over to reveal an additional interaction pane (off-canvas).

 Like

Responsive Images

Script / Library

The goal of this technique is to deliver optimized, contextual image sizes for responsive layouts that utilize dramatically different image […]

 Like

Picturefill

Polyfill, Script / Library

A <picture> element polyfill.

 Like

Opera Mini Simulator

Online-Tool

Opera Mini Simulator is a demo of Opera’s feature phone browser. It can be accessed from any Java-enabled Web browser, […]

 Like

Opera Mobile Emulator

Desktop Application

Opera Mobile Emulator is the desktop version of Opera’s smart phone browser. Opera Mobile Emulator renders pages as close as […]

 Like

YAML Builder

Framework / Boilerplate, Online-Tool

A tool for visual layout development of YAML based CSS layouts

 Like

Conditionizr

Script / Library

Conditionizr is a fast and lightweight (3KB) javascript utility that detects browser vendor, touch features and retina displays – allowing […]

 Like

Breakpoint

Script / Library

Really Simple Media Queries with Sass.

 Like

Responsive.is

Online-Tool

Display and present responsive web designs.

 Like

Pickadate.js

Script / Library

A mobile-friendly, responsive, and lightweight jQuery dateinput picker.

 Like

The Heads-Up Grid

Script / Library

The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript.

 Like

rwdgrid

Framework / Boilerplate

rwdgrid is just another Grid system based on popular 960grid , which is responsive and ranges from mobile, tablet, laptops […]

 Like

FlexNav

Script / Library

A Device Agnostic Approach to Complex Site Navigation.

 Like

Responsive Img

Script / Library

Make your existing images responsive without creating new images.

 Like

One% CSS Grid

Framework / Boilerplate

One% CSS Grid is a 12 column fluid CSS grid system. It’s been designed as a base for building responsive […]

 Like

Responsive Measures

Script / Library

A jQuery plugin for responsive typography. Responsive Measure is a simple script that allows you to pass in a selector […]

 Like

Responsable

Framework / Boilerplate

A clean responsive grid system with a typographic baseline powered by LESS/SCSS, based on Semantic.gs.

 Like

Proto

Framework / Boilerplate

Proto is a simple HTML & SCSS rapid prototyping toolkit for responsive web design.

 Like

Mueller Grid System

Framework / Boilerplate

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column […]

 Like

Roots Theme

Framework / Boilerplate, Template

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap.

 Like

csswizardry-grids

Framework / Boilerplate

csswizardry-grids is a simple, fluid, nestable, flexible, Sass-based, responsive grid system.

 Like

jQuery Smart Banner

Script / Library

Smart Banners are a new feature in iOS 6 to promote apps on the App Store from a website. This […]

 Like

Unslider

Script / Library

The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.

 Like

Strapdown.js

Framework / Boilerplate, Script / Library

Create Markdown documents using JavaScript and Bootstrap themes.

 Like

Sidr

Script / Library

This jQuery plugin is an easy method for creating side menus (off canvas) and the easiest way for doing your […]

 Like

ReView.js

Script / Library

ReView.js allows users to choose between the responsive layout of a website and the desktop-view.

 Like

Screen Sizes

Online-Tool

Screensiz.es is a nifty little database of screen specifications for the most popular devices on the market.

 Like

Layered Mobile Nav

A jQuery plugin that adds mobile touch swipe event handling to create „off-canvas“-elements.

 Like

Centurion

Framework / Boilerplate

A streamlined and powerful web framework for responsive web sites.

 Like

Masonry

Script / Library

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, […]

 Like

Embed Responsively

Online-Tool

Embed Responsively helps build responsive embed codes for embedding rich third-party media (YouTube, Google Maps, Vimeo, SoundCloud, Twitter etc.) into […]

 Like

Extra Strength Responsive Grids

Framework / Boilerplate

A Fluid CSS/SASS Grid System for Responsive Web Design.

 Like

slimMenu

Script / Library

slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.

 Like

Pizza Pie Charts

Script / Library

Responsive pie charts.

 Like

Image Lightbox

Plugin, Script / Library

Image Lightbox is a JavaScript plugin for touch-friendly image lightbox.

 Like

Responsive Email Patterns

Collection

A collection of patterns & modules for responsive emails

 Like

mmenu

Script / Library

Create off-canvas-menus with only one line of javascript (jQuery).

 Like

squeezr

Framework / Boilerplate, Script / Library

Save bytes. Save bandwidth. Save time. Another take on device-aware adaptive images and server side CSS3 media queries.

 Like

Concise.CSS

Framework / Boilerplate

A front-end framework written in SASS that’s lightweight, and easy-to-use.

 Like

TukTuk

Framework / Boilerplate

TukTuk is a responsive Web Design Framework.

 Like

Responsive image placeholder generator

Online-Tool

A responsive image tag placeholder generator.

 Like

jQuery Focus Point

Plugin, Script / Library

jQuery Focus Point is a jQuery plugin for responsive cropping images.

 Like

TextTailor.js

Plugin, Script / Library

TextTailor.js made text to fill the height of the parent element or ellipse it if it doesn’t fit.

 Like

respimage

Polyfill, Script / Library

respimage is a responsive images polyfill, that loads your images fast and responsibly.

 Like

bigSlide

Plugin

bigSlide is a jQuery plugin for creating off-screen slide panel navigation.

 Like

Webplate

Download, Framework / Boilerplate

Webplate is a front-end framework. Webplate provides a basic folder structure that makes it easy for you to navigate and include […]

 Like

fontFlex

Script / Library

fontFlex is a lightweight jQuery extension for dynamically changing font sizes according to container or browser width.

 Like

Gridle{.scss}

Download, Framework / Boilerplate

Gridle is a set of complete and simple settings, mixins and classes that make the creation and usage of grid […]

 Like

RQRWD

Online-Tool

RQRWD is a responsive web design tool which allows you to work out the elements width in % from px.

 Like

Skyline

Framework / Boilerplate

Skyline is a starting point for building custom CSS frameworks.

 Like

Formstone

Collection, Framework / Boilerplate

A collection of thoughtfully crafted front-end components.

 Like

Pintsize

Download, Framework / Boilerplate

Pintsize is a simple and modern customisable grid system built with designers in mind. It aims to make building custom responsive […]

 Like

Slideout

Script / Library

Slideout is a touch slideout navigation menu for mobile web apps.

 Like

Cycle2

Script / Library

Cycle2 is a slideshow plugin for jQuery.

 Like

Base

Framework / Boilerplate

Base is a responsive framework built for all devices.

 Like

Compass

Framework / Boilerplate

Compass is an open-source CSS (SCSS/Sass) Authoring Framework.

 Like

Responsivizr

Online-Tool

Responsivizr is a visual tool to show how responsive images behave across viewports in RWD.

 Like

NavNav

Collection

NavNav is a collection of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials.

 Like

Formstone Navigation

Plugin, Script / Library

Formstone Navigation is a jQuery plugin for responsive navigation.

 Like

Responsive Images Breakpoint Generator

Online-Tool

Responsive Images Breakpoint Generator generates the optimal responsive image dimensions.