Few Responsive CSS Frameworks and Boilerplates

Responsive web designing or ‘Adaptive’ web designing as I like to call it is gaining a lot of momentum in these days.  Responsive frameworks and boilerplates are now an essential tool for web designing and developing. It is undoubtedly the smartest thing to use a responsive framework when you develop a responsive website or theme. These days there are plenty of frameworks available which are developed by talented developers. I am just listing few among them in no specific order.

1. Skeleton

Skeleton framework is my favorite simply because this is the first responsive framework I encountered and used. It is very easy to use it and they have WordPress and Drupal versions of the framework available.

2. Foundation

Foundation is another great responsive framework that enjoys a lot of popularity. 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

3. Twitter Bootstrap

Twitter Bootstrap is the big daddy of all responsive frameworks, primarily it comes from the twitter family. And it is used by many web developers from the entry level to most advanced one.

4. Gumby Framework

Gumby is another awesome responsive framework. It is a 960 grid system and it has  well built documentation section.

5. CSS Horus

Css horus is a fairly new entry to the responsive framework but it it looks very promising. It contains 16 grid columns and basic style formats (Resets, Basics, Typography, Lists, Links, Table, Form, Button) for your web project.

6. 1140 css grid

1140 grid system thinks beyond the  conventional 960 grid system. 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.

7. Golden Grid System

Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.

8. Responsive grid system

Responsivegridsystem uses a percentage based fluid grid layout. Break points are set in for various resolutions.


Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.

10. Titan framework

A new responsive css framework based on the 960 grid naming convention. 960 grid users will find themselves at home working with this.

If you have come across any other nice frameworks please add a comment about it.