Design Layouts

Layouts
WebsiteShort Description
Blueprint Grid CSS GeneratorThis tool will help you generate more flexible versions of Blueprint\'s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint.
The Generator FormGenerator Form V2.90 CSS Source Ordered Variable Border 1-3 Columned Page Maker.
CSS PortalThis generator will create either a fixed width or fluid width layout and can include a header, menu and footer. New features to this generator are: you can now select a doctype for your layout, rounded corners and with the fluid layout, you can now select min and max widths.
CSS CreatorThe generator helps you create the structure of your website template using valid HTML and CSS.
You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
GridpakA Responsive Web Design tool for creating grids by Erskine, a Good Work company.
Grid Layout GeneratorDrag the sliders to adjust the width of grid cells, change the color in the palette. Generate CSS and HTML codes for liquid lor fixed grid layout.
GridinatorGRIDINATOR eats grids for breakfast, then spits out the HTML and CSS templates for you. ... Check out the demo versions of the fixed, fluid and elastic layouts.
Yaml BuilderA tool for visual layout development of YAML based CSS layouts. What is YAML? modular CSS framework for truly flexible, accessible and responsive websites
Grid Designer 2Grid Designer. as featured in Creative Review magazine!
Grid CalculatorA simple tool for web and print designers to calculate your grids. Download your grid as illustrator or photoshop files with a pre-made guides ready to go.
Responsify ItResponsify is a browser based tool, which allows you to create your own responsive template. Think of it as a foundation for you to build upon. You can customise the grid to suit your content, rather than trying to make the content fit the grid.
Wire Frames

Wire Frames

A wireframe is a visual guide that portrays how a page or screen of a website or system may look.
ApplicationShort Description
MockingBirdAn online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.
MockFlowSuper easy wireframing. Design, collaborate user interface concepts for your software and websites.
JustinmindWith Prototyper, you can draw highly interactive wireframes in minutes using its extensive gallery of components and interactions (free edition).
LumzyLumzy is simple and fast to use. No downloads, no sending files to clients. Simply click \"Share\" and your client sees the project on the other end, just as you created it, and can post comments back and forth iteratively.
CacooA user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge (free plan).
MockupbuilderMockup – it is the convenient software, which allows you to make a prototype of a site and new design for soft. We offer you to try possibilities of this program and to create web prototypes.Online & Offline versions.
Frame BoxLightweight online tool for creating and sharing mockups (wireframes). Easy, fast and free in use.
Share This