Responsive Web design is in fashion these days and as a designer i am always in search of tools and resources to make my life easier. I am more than thankful to the Responsive CSS framework to make it simple for us to get the responsive designs done in the best possible way. In this article i have compiled a list of 10 most popular responsive CSS framework to make the magic for you. Enjoy!

1140 CSS Grid

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.


Toast is a CSS framework as simple as it can be, but no simpler. A twelve column responsive grid makes layouts a breeze, and with box-sizing you can add padding and borders to the grid, without breaking a single thing.

Columnal CSS Grid System

The Columnal CSS grid system is a “remix” of a couple others with some custom code thrown in. The elastic grid system is borrowed from, while some code inspiration (and the idea for sub columns) are taken from

Responsive Aeon

This is the new version from HTML5 NewAeon Framework. Now with a responsive grid all based in percentage with media queries, HTML5 starting point and JavaScript.


Sleek, intuitive, and powerful front-end framework for faster and easier web development. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via responsive CSS as well.

Foundation 3

The most advanced responsive front-end framework in the world. Foundation 3 is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself — and gives you new tools to quickly customize and build on top of Foundation.


Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone. Skeleton is built on three core principles:

  • Responsive Grid Down To Mobile
  • Fast to Start
  • Style Agnostic

Less Framework 4

Less Framework is a CSS grid system for designing adaptive websites  It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Responsive Grid System

Simple CSS framework for fast, intuitive development of responsive websites. Built using the ‘Mobile First’ approach, ‘clearfix’ for clearing floats, box-sizing: border-box for adding additional padding to elements, and weighs less then 1kb compressed. Responsive design isn’t hard, you’ve just never used

Gumbly Framework

The best fluid-fixed CSS framework you’ve always used. The Grid lets you lay out pages quickly and easily in a natural, logical way. The Gumby Framework’s grid system can be customized and molded to fit your every need — it’s easily adapted to any screen size or application. The possibilities are endless; the results are extraordinary.