Built from the ground up with Sass, GroundworkCSS is a fully responsive framework that features an incredibly flexible, nestable, fluid grid system with support for any number of columns in any fractional amount, which means it is a framework that works for virtually any modern layout.

Built in SCSS, the Profound Grid is a flexible (either fluid or fixed) responsive grid system and you can add per-media layouts as required (by changing the column and gutter widths or adding/removing columns). Unlike other grid systems, Profound Grid uses negative margins to calculate columns, so that fluid layouts will look exactly the same in every browser.

Built using SASS and CSS3 media queries, Centurion is an easy-to-use responsive web framework. It comes packages with custom and and easy to modify scripts for navigation, tables, and tabbed elements (built using CoffeeScript). Even the CSS was built using Sass making it easy to include or exclude any portions of the code you may or may not want.

34Grid is a responsive grid system based on “equally distributed columns” layout basis. In contrast to other great grid systems, 34Grid provides equally distributed columns for each row. It is completely customizable and it allows you to build your own download package (number of max columns, column margin, row margins and transitions between columns).

One% CSS Grid is a percentage based 12 column fluid CSS grid system that would work perfectly well for anyone looking to quickly build a responsive base. It has two starting points, one which fits 1280px screens (in full screen view) and another one which fits 1024px screens (in full screen view).

The RWD Grid is a responsive grid system based on the popular 960.gs. The naming conventions of this grid system are similar to the 960.gs – and to improve readability, underscore has been replaced by a hyphen.

Neat is a semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle almost anything you throw at it. Using Sass 3.2 block mixins, this framework makes it extremely easy to build responsive layouts. Using the breakpoint() mixin, you can change the number of columns in the grid for each media query and store these values in project-wide variables to DRY up your code.

Extra Strength Responsive Grids create more pliant responsive grids that are fluid and percentage-based. Alignment is easy, you can nest your grids, and it uses easy-to-remember classes. It’s even SASS-enabled.

The Blok Grid System is a mobile first framework that aims to give web developers complete control over how a website responds to mobile, tablet and desktop viewports. Built on a twelve column grid for each viewport, you can select the number of columns for each div and breakpoint.

Recently Updated Frameworks

Gumby 2 is a free, open-source responsive front-end development framework built with SASS. The grid is engineered to be there when you need it, and get out of your way when you don’t; it’s a powerful fluid-fixed layout defaulting to the popular 960 grid. It includes Google Webfonts, Entypo icons, modular scale typography and a fully customizable UI kit all built into it’s extensible codebase.

Foundation, the popular web framework from ZURB, has recently undergone an intensive updgrade. The codebase has been completely rewritten with the objective of taking a ‘mobile-first’ approach. All of it’s JS plugins have all been rewritten to make them better, stronger and faster. And they’ve also switched Foundation over to Zepto, which is deemed a much lighter substitute for jQuery.