Simple Grid system generator

The grid system generator will create variable fixed simple grid systems in valid css / xhtml for rapid prototyping, development and production environments.

In addition to the custom simple grid css framework, it creates a background file (sample) that you can use in Fireworks, Illustrator, OmniGraffle, Photoshop, Visio (etc.) to aid in prototyping and design.

Getting started

  1. Fill in your desired simple grid dimensions and get started!

Hints for successful grid system generation:

  • Grid width (Numeric value: 100 - 4000)
  • No. of columns (Numeric value: 1 - 100)

Simple grid quick statistics

Total grid systems generated: 1831469

Unique grid systems generated: 21841

Simple grid generator version

Version 1.00 - change history

Generated grid systems are based on the Simple grid system by Jacek Ciolek.

Simple grid tutorials

Simple grid generator

 

Fill in your grid dimensions to get started!