Layout Generator

CSS layout generator let's you design and generate fixed and fluid layout for your website and saves your time. You can preview and copy or download the generated layout CSS code.

1Options

Doc Type

Layout

Width

Page Width

px

Min Width

px

Max Width

px

Alignment

Main Content

Background Color

Rounded Corners

Rounded Corners?

(Will add 1px border)

2Menu Header/ Footer

Header

Height

px

Background Color

Horizontal Menu

Height

px

Background Color

Footer

Height

px

Background Color

3Sidebars

Columns

Left Sidebar

Width

px

Background Color

Right Sidebar

Width

px

Background Color

Free online tools for developers

JSON Viewer JSON Formatter, Minifier, Validator, Sort, Explorer JSON to XML, CSV, TSV, Excel
XML Viewer XML Formatter, Sort, Minifier, Validator
HTML Viewer HTML Formatter, Minifier, Validator
CSS Viewer CSS Formatter, Minifier, Validator
Javascript Viewer Javascript Formatter, Minifier, Validator, Obfuscator, Deobfuscator
CSV Viewer CSV to JSON, XML, TSV, Excel
TSV Viewer TSV to JSON, XML, CSV, Excel

Preview download

HTML Code copy


        

CSS Code copy