27 CSS Grid System & Generator To Build Web Layout

August 24th, 2011 by aditia rahman / 3 Comments  

     

CSS grid based layout are becoming very commonly used these day, since it replacing table based layout, it will help a website designer to create lighter code and it make it easier to styling, even in some cases it can be use as a grid table too.

css grid

In today post I collected the css grid system that can be used as your grid layout system, I found 12  tools for creating the grid online and 15 that can be downloaded, so you can create manually on your computer.

Downloadable

The first 15 tools are some css grid that available to download, some of them provide more than css grid, so it called a framework, and you might be need to dig a little bit to their documentation.

520 Grid

520 Grid System


Columnal

Columnal CSS Grid System


Blueprint CSS

Blueprint CSS


960gs

960 Grid System


1140 CSS Grid

The 1140px


Bluetrip

BlueTrip


52 Framework

52 framework


Baseline CSS

Baseline


Fluid Grid

Fluid Grid System


Notjustagrid

NotJustAGrid


Less Framework

Less Framework


Skeleton

Skeleton


1200 Grid System

1200 Grid System


YAML

YAML


Golden Grid System

Golden Grid System


Online Generator

And the next 12 tools are the online css grid generator that can provide you the grid you need on the fly, customize the number of column, column width, column separator width, container width, etc. These tools are great to build fast layout.

Tiny Fluid Grid

Tiny Fluid Grid


ZURB CSS Grid Builder

ZURB CSS Grid Builder


Gridr Buildrrr

Gridr Buildrrr


Grid Calculator

Grid Calculator


Gridinator

Gridinator


1kb CSS Grid

1KB CSS Grid


YUI CSS Grid Builder

YUI CSS Grid Builder


YAML Builder

YAML Builder


Inuit Grid Builder

inuit css


Net Protozo Grid Generator

Net Protozo Grid Generator


Variable Grid System

Variable Grid System


Construct

Construct


Negative Grid

NegativeGrid - fluid CSS grid by Chris Planeta

        submit to reddit Delicious

3 Comments Leave a Comment Subscribe RSS

Leave a Comment