Stuff & Nonsense product and website design

Compound grid generator

Compound   •   Modular •   Buy templates

Made by Andy Clarke. Like this tool? Buy me a coffee.

1. Combine two grids

Choose a different number of columns for each grid. (eg: 3+4, 3+5, 4+5, 4+6.)

Preview

2. Export code

3. Buy Layout ❤︎ templates

Using modern CSS Grid, I developed five sets of reusable layout components to make prototyping and site development work simpler. I call these Layout ❤ and rather than keeping them to myself, I’m offering them for everyone to use. You can use Layout ❤’s HTML and CSS for any personal or commercial design project, which could save you many hours or work.

View templates or Buy £9.99
Version: 3.0. Forked from the fabulous Compound Grid Generator by the brilliant Michelle Barker.