Blueprint Builder

Blueprint Builder 1.3

Build CSS Blueprint grids and HTML layouts.
4.1  (85 votes)
1.3 (See all)
Del Sol Software
Create custom structures for all kinds of CSS Blueprint designs and HTML-based constructions. Manage the components and elements of any complexity in real time, preview the results before saving and exporting. Optionally, import user-defined CSS IDs to the HTML layouts.

Blueprint CSS Grid and HTML Layout Builder.
Watch a screencast demo at
This app is a graphical frontend to the Blueprint CSS Framework at If you are not familiar or happy with the Blueprint CSS Framework, this app might not be for you.
Generate custom grids:
1. Create CSS Blueprint Grids of infinite varieties.
Build your HTML layout graphically:
1. Draw your HTML layout on top of your Blueprint grid.
2. Build complex layouts of any variety and depth.
Semantic CSS IDs using Blueprint:
1. Use your own semantic CSS IDs in your HTML layout.
2. Use id="sidebar" instead of class="span-6, last" on your divs.
Blueprint Builder lets you generate a Blueprint CSS framework for a grid of any dimension. Then draw your html layout graphically on top of your grid and preview your html and css in any web browser.
If you do not care for the Blueprint CSS Framework, you can add your own CSS id's to all divs in your layout, then you can export your layout without relying on the Blueprint CSS Framework.
Finally export your new source files to begin development.
Blueprint Builder validates your layout, but it does not demand that you accept the validation. Layout that does not validate might not appear correctly in any browser.
See for more info on the Blueprint CSS Framework.

Info updated on: