Construct 0.5

Welcome to Construct, a visual layout editor based on Blueprint & jQuery! This is version 0.5, last updated on April 27, 2008. This project was built by Christian Montoya, and exists both as a useful tool for CSS designers and as proof that a visual layout editor is possible to acheive with clean CSS & semantic HTML. Read on for an explanation of the controls.

NEW! Click "Preview" to preview your layout! (Add Lorem Ipsum text with C for a good preview)

Need some pointers? Construct (v 0.4) Video Tutorial (requires flash player)

Here are the keyboard mappings for Construct:

Also, you can click on any container or column to select it.

Construct is a visual layout editor based on Blueprint.

It was inspired by the Blueprint Layout Builder.

It is powered by jQuery.

And, finally, it was written by Christian Montoya.

Your Body HTML
Your Grid CSS