10 Responsive CSS Frameworks Worth Considering

Today we are taking a look at some responsive CSS frameworks that might help you in your next project. Frameworks usually save time in development by eliminating the need of writing the base css code your self.


Less Framework 4

An adaptive CSS grid system.

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



Start here, build everywhere.

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.


1140 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.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.



So what is Amazium I hear you ask, well you may have been hearing the term “Responsive Web Design” being thrown around the past few months, which simple means a website that can adjust to your screen size without having to make a separate website!

This came about from the simple fact that a lot of people have been making demos of this responsive web design but none seem to be using 960 grid system with 12 columns, and because of this I was forced to make my own..!



Make future-proof responsive websites with ease.

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



Adapt column by column, not pixel by pixel.

Dig responsive design?
Hate fluid grids? Try a Frameless grid.



Your best buddy when it comes to creating responsive layouts.

BluCSS is a CSS framework designed with ease of use and simplicity in mind. It is specifically made so that when you’re working on your next project, you don’t have to worry about the essentials. With BluCSS, you can be up and running in less than a minute.



inuit.css—cooler than a polar bear’s toenails…

Another CSS framework?!
Yup, ’fraid so, but this one’s different… It combines years of my best dev tips, tricks and practices in one handy file.


320 and up

The ‘tiny screen first’ boilerplate extension*

‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.



A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Skeleton is a small collection of CSS & JS 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

Published by

Karim Abdelwahab

Hi, I am Karim, Professional Designer, Programmer, Blogger who enjoys playing games, Founder of SimplyHire.Me Ltd. Add me to G+ | Follow me on twitter @incoe

  • http://couchable.co/blog/post/using-responsive-css-frameworks-for-faster-development Tyler Herman

    Nice list. I’ve been messing around with YAML 4 on a couple sites. Foundation looks pretty promising as well. The more prevalent responsive/adaptive design becomes the more beneficial going to a css framework becomes.