By AQ Nizam on December 26, 2012

16 Useful Responsive CSS Frameworks And Boilerplates

Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster.

  Advertisement

In this collection, we are showcasing 16 most useful and responsive CSS frameworks that will help the developers to create responsive websites. In this day and age, responsive web designs are getting popular day by day because they are interactive and look good as well. Furthermore, as developers now have more tools and resources, thus creating responsive website designs is no more a difficult task.

Here, we have put together 16 most useful responsive CSS frameworks for you to help you do your job effectively. Enjoy looking into this collection and have more fun using them in your work. Remember that your comments are always more than welcome.

Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Gumby

Create rapid and logical page layout and app prototypes with Gumby Framework, a responsive CSS framework based on the 960 grid you already know.

Responsive Grid System

This is the Responsive Grid System, a quick, easy and flexible way to create a responsive web site.

Less + Framework

Less+ Framework is a cross-device CSS grid system using media queries.

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 responsive.gs.

The Semantic Grid System

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x classes in your markup. Oh, and did we mention it’s responsive?

The 1140px CSS 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.

Skeleton

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:

Foundation

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

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.

Titan Framework

A CSS framework for responsive web designs.

Ingrid

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.

BluCSS

BluCSS is also extremely responsive. It has 4 distinct stages. Desktop screen, laptop, tablet, and mobile. Resize your browser to see it in action.

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

Columnal

A responsive CSS grid system helping desktop and mobile browsers play nicely together.

Gridiculous

Gridiculous is an HTML5 responsive grid boilerplate that can take your site from 1200px all the way down to 320px. Make you site look great on desktop browsers, tablets and handheld devices.





If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments

No inuit.css ?

http://codepen.io/sacha/full/mLIkK

Sumper Simple Grid System by Sacha Greif is good alsy

Just came across this grid framework today. Looks like a good one.
Kube

There are so many of these coming out. I tested a great number of them. Although designers hate Microsoft IE, the fact is, there are still many many users still using IE 6, 7, 8. To ignore them means you are losing a good chunk of visitors and potential sales. The ideal framework would support these older browsers. For me, it came down to Foundation and Bootstrap. I selected Bootstrap. Both are great and will increase the speed of your design. The downside to them is that there are so many classes that my site will never use. I know you can select the download to try to reduce the size. It would be cool if there were more options to better customize the download. Another thing I like about Bootstrap is that there are many sites with generators… like the excellent form builder. I suppose selecting one of these will be much like selecting a CMS, with everyone having their favorite. Cheers

Thanks for the list of responsive css frameworks. I do read most of them. I haven’t heard of all of them & I do not read them everyday, but as often as I can. Bootstrap is good and I think Zurb Foundation has to be my personal favorite as they incorporate everything.

I’m disappointed that Susy (susy.oddbird.net) and Singularity (http://singularity.gs/) are not in this list…

[...] 16 Useful Responsive CSS Frameworks And Boilerplates [...]

how dos nuts think of tis its incredible locksmith seattle

Good article!
Bad omission – Amazium (www.amazium.co.uk)

[...] 16 Useful Responsive CSS Frameworks And Boilerplates [...]

Sorry, the comment form is closed at this time.