Skip to content →

Tools

Every grid maker and calculator in one place.

Ten grid generators and four calculators, all free, all running in your browser with nothing uploaded. Each one opens the same tool with a different overlay ready to go.

The grid makers

A grid maker lays a grid overlay over your reference photo so you can copy, crop, or compose from it accurately. These nine pages each cover one job in depth — what the overlay is, when it helps, and how to place it — and each opens the tool with that overlay selected. The full catalogue behind them is the 82 composition overlays guide.

Drawing grid maker

A numbered square grid over your reference, 4 to 40 cells across, for copying a drawing square by square.

Cross-stitch grid maker

Turn a photograph into a counted-stitch chart, with the cell count matched to your fabric.

Loomis head tool

Ball-and-plane head construction placed over a portrait reference at any angle of tilt or turn.

Perspective grid generator

One, two, three and five-point armatures for scenes that need depth and a believable horizon.

Isometric grid maker

30/60° isometric plus dimetric and trimetric variants, for technical drawing and game art.

Rule of thirds generator

The fastest composition check there is, with phi and diagonal variants alongside it for comparison.

Golden ratio generator

Phi grid, golden rectangle, and the golden spiral, rotatable to any corner of the frame.

Photography composition grid

Thirds, phi and diagonal overlays for judging a frame before you commit to a crop.

Sacred geometry generator

Flower of Life, Metatron’s Cube, Sri Yantra, Vesica Piscis and the rest of the constructions.

Sri Yantra generator

The nine-triangle yantra computed rather than traced, so the intersections hold at stencil and mural scale.

Flower of Life generator

Nineteen equal circles on a hexagonal lattice, each centred on another's circumference, inside the two rings that close the figure

Metatron’s Cube generator

Thirteen circles from the Fruit of Life, joined by all seventy-eight lines their centres allow

Seed of Life generator

Seven equal circles: one at the centre, six around it with their centres on its circumference

Tree of Life generator

Ten sefirot arranged across three vertical pillars, joined by twenty-two paths

Vesica Piscis generator

Two equal circles, each passing through the other's centre, and the pointed lens between them

Layout grid generator

Column, modular, baseline and template grids drawn over your own screenshot or artwork rather than beside it, with margins, gutters and module counts adjustable…

Image splitter

Choose how many columns and rows, see every tile at the size it will be saved, and take them one at a time or all at once as a ZIP

Proportion calculator

Enter the size you are copying from and the size you are copying onto

Aspect ratio calculator

Enter a size and get its true reduced ratio

Instagram grid maker

Three columns, as many rows as you want, cut in your browser and numbered in the order you actually have to post them

Armature grid generator

Fourteen lines built from nothing but the four corners and the four edge midpoints, crossing at thirty-seven points that stay in the same relative places…

Baseline grid generator

A stack of horizontal rungs laid over the page you actually made, so you can see which lines of type are sitting on the rhythm and which are floating half a line…

Portrait grid maker

Brow, eye, nose, mouth and ear guides laid over your own reference, with a different set of fractions for an adult, a teen, a child and a baby

Fibonacci spiral generator

Seven quarter-arcs across a golden-rectangle subdivision, with the eye placeable in any of the four corners

Golden triangle generator

One diagonal, two perpendiculars dropped onto it from the opposite corners, and the two points where they land

Phi rectangle generator

A 1 : 1.618 rectangle is only a shape. Add both diagonals, the four reciprocals dropped onto them at right angles, and the four eyes where those land, and it…

Hex grid maker

Pointy-top or flat-top, at whatever density the terrain wants, tiled cleanly past every edge

Dot grid generator

Choose the sheet, choose the spacing, export at up to 600 DPI

One point perspective grid

A one point perspective grid built to your eye level and your viewpoint rather than to a template's

Three point perspective grid

Two points on the horizon and one above or below the frame

Pentagram generator

Five points on a circle, joined every other one

Hexagram generator

A six-pointed star is the simplest figure in this catalogue and the easiest to draw slightly wrong, because both triangles have to be equilateral and share a…

Merkaba generator

Two interlocking triangles, plus the hexagon that passes through all six of their points

Yin yang generator

The S-curve is not freehand. It is two semicircles of exactly half the outer radius, and the eyes sit at their centres — which is the whole construction, and the…

Platonic solids generator

Tetrahedron, cube, octahedron, icosahedron, dodecahedron

Torus field generator

Concentric ellipses from the hole out to the rim, crossed by spokes

Islamic 8-point star generator

The star that carries half of Islamic ornament is two squares on one circle, turned 45° from each other

Islamic 12-point star generator

The richest unit in Islamic geometric ornament, and one of the simplest to build: two hexagons on one circle, turned thirty degrees from each other, with no…

Fruit of Life generator

One circle, a ring of six, a second ring of six

Egg of Life generator

The whole figure turns on one number: the surrounding centres sit at exactly two radii, so every circle meets its neighbours at a single point and never crosses…

Triquetra generator

The trinity knot is not three loops drawn by hand

Borromean rings generator

The figure behind both the Borromean rings and every three-set Venn diagram is one arrangement: three equal circles, centres half a radius out, 120° apart

Ain Soph generator

One to twenty rings at exactly equal radial intervals, with the three pillars and the ten sephirot names available

Root 2 rectangle generator

1 : 1.41421 is the proportion of every A-series sheet, and it is the one rectangle whose dynamic-symmetry eyes land exactly on the rule-of-thirds intersections.

Root 3 rectangle generator

1 : 1.73205 is the number the hexagon and the vesica piscis both produce, and it is the rectangle whose armature lands on the quarters rather than the thirds.

Root 4 rectangle generator

One to two is the only rational member of the root family

Root 5 rectangle generator

1 : 2.23607 divides into a central square flanked by two strips of exactly 0.618

3:2 rectangle generator

3:2 is 35mm film and most camera sensors, and it is the one common proportion whose dynamic-symmetry eyes sit near the thirds without landing on them

Rule of fifths generator

Thirds gives you four intersections and one answer

Quadrant grid generator

A grid where the two levels are drawn at different weights, so you read the halving first and the quartering second

Diagonal method generator

One from each corner, each running the length of the frame's short side

Center cross generator

Every off-centre system in this catalogue deliberately avoids the middle

Five-point perspective generator

The perspective system for a 180° field of view: four vanishing points spaced around the rim of a disk, a fifth in the middle, and two families of arcs that…

Dimetric grid generator

The projection that sits between isometric and full perspective: two receding directions at angles you choose, no vanishing points, and nothing getting smaller…

Trimetric grid generator

The most flexible axonometric projection, and the one nobody draws by hand: every axis at its own angle, every axis at its own foreshortening, no vanishing…

Anamorphic grid generator

The grid for pavement art, floor murals and every image built to snap into shape from a single viewing position

Triangular grid generator

The equilateral tessellation: three line directions instead of two, six triangles at every vertex, and a row height that is never a round number.

Mandala grid maker

The scaffold under every mandala, rosette window and radial ornament: circles you can count outward and divisions you can count round, neither of them guessed.

Polar grid generator

Polar graph paper with a spiral on top — Archimedean when you want even turns, golden when you want growth. Both drawn against a ring-and-spoke reference you can…

Diamond grid generator

Two crossing families anywhere between 20° and 70°

Crosshair grid generator

All the registration of a square grid with a fraction of the ink: a small cross at every crossing point, sized from a discreet tick to something close to a full…

Modulor grid generator

Four guides in a complete golden-ratio series, tied to the body rather than to the page

Column grid generator

A layout grid that draws both edges of every column, so the gutter is a band you can see rather than a number you have to trust.

Modular grid generator

A column grid organises the horizontal. A modular grid organises both, and the number of usable groupings it produces is much larger than the module count suggests.

Manuscript grid generator

The simplest grid there is and the hardest to get right: a single text area, three margins, and the question every book designer has argued about for six hundred…

Hierarchical grid generator

Not every layout wants a regular field. When the content has a hierarchy that a module count cannot express, the grid should have one too.

8pt grid generator

The spacing system every design system converges on, drawn at two weights so the major rhythm and the half-step sub-rhythm are visibly different things.

Structural grid generator

The grid a building is set out from: lines that locate structure, nodes that are the structure, and a reference system so that everybody on site means the same…

Tartan grid generator

A grid with a rhythm instead of a spacing: wide and narrow bands in both directions, every third line heavier, and the two emphasis sets offset from each other…

Rectangular grid maker

The grid method's most useful and most dangerous variant: cells that need not be square, and the one arithmetic check that stops them stretching your copy.

Custom grid maker

Every other grid here asks how many cells you want

Rabatment generator

Fold the short side of a rectangle onto itself and you get a square

Reciprocal lines generator

Drop a perpendicular from each corner onto the opposite diagonal

Baroque diagonal generator

The rising diagonal, and the reason a picture built along it reads as expansive when the identical line mirrored reads as closing down.

Sinister diagonal generator

Geometrically it is the baroque diagonal reflected

Transfer scaling grid

Enlarging a drawing is not a scale factor problem

Mural grid maker

A grid for a wall is a different problem from a grid for a sheet

Measurement grid generator

Every other grid here divides a frame into parts

Figure proportion guide

Change the head count and the pelvis mark does not move

Diagonal cell grid

A transfer grid gives you cells. Adding one diagonal to each gives you triangles, and a triangle is a shape the eye judges far more accurately than a square.

Cross-diagonal cell grid

Both diagonals in every cell. The obvious result is four triangles instead of one square; the useful one is that the crossing marks each cell's exact centre for…

Icon grid generator

The grid that makes a set of icons look like a set

Logo grid maker

The grid a mark gets refined against rather than designed on: a divided square, its diagonals and medians, and three circles whose radii sit in the oldest ratio…

Storyboard grid maker

Five aspect ratios and three safe areas at the insets broadcast has used for seventy years

Comic page grid maker

A regular page grid is the thing you break, and you cannot break something you have not drawn

Poster and editorial grid

A poster has rows for its blocks and baselines for its type, and they are different grids

Mobile app layout grid

Two device proportions with the system chrome marked

Printable graph paper generator

Choose A4 or Letter, set the square in millimetres or inches, and print

Photo grid maker

Drop in the photographs, choose how many columns and what shape the cells are, and take one composed image out

Art projector tool

Point the phone at your paper, float the reference over the live view, and draw what you see through the screen

Graph paper generator

Dot, isometric, hexagonal, ruled or square, at any spacing in millimetres, centimetres or inches

Grid drawing worksheet generator

Printable sheets with columns lettered and rows numbered, at the cell size the lesson needs

Paint by number generator

Choose how many colours and how small an area is still worth painting

Coloring page generator

Drop in a photograph and pull the detail down until only the shapes you want to colour are left

Mandala generator

The hard part of drawing a mandala by hand is making the repeats identical

Grid overlay tool

Drop in a photograph, pick the overlay, take the file

Instagram grid splitter

Cut a picture into three, six or nine tiles that reassemble into the whole image on your profile

Mural grid calculator

A grid cell you cannot span with your arm is useless on a wall, because you cannot see the cell and the reference at the same time

Canvas size calculator

Stretched canvases come in a handful of ratios, almost none of which match a camera

12 column grid generator

Twelve is not a design preference. It is the smallest useful number that divides by two, three, four and six, which is why one grid can carry halves, thirds,…

How any of them works, in four steps

The workflow is identical whichever page you came in through. Nothing is installed and nothing is uploaded, so the whole sequence happens on your own machine.

  1. Drop in a reference. JPG, PNG, WebP, or GIF, dragged onto the canvas or picked from your files. The image is read locally by the browser, which is why there is no size limit to negotiate and no upload to wait for.
  2. Choose an overlay. Each tool page opens on the one it is about, but all 82 stay available in the panel, and you can activate several at once — a composition grid over a portrait guide, say.
  3. Fit it to the subject. Move, scale, and rotate each overlay independently, set its colour, line width, and opacity, or sample a colour straight from the photograph with the eyedropper when the grid disappears into the image.
  4. Export or print. PNG, JPG, PDF, or SVG at 150, 300, or 600 DPI, sized to A5 through A2, Letter, Legal, or square paper — or a transparent grid-only PNG if you want the grid without the photo underneath it.

Workspaces save in the browser and share as a link, so a setup you built for one drawing reopens exactly as you left it, on any device.

Which tool for which job

Most people arrive needing one of eight things. This is the shortest route to each of them.

Job, tool, and why that one.
What you are doingStart hereWhy
Copying a reference by hand Drawing grid maker Equal cells and optional A1/B2 labels keep proportion errors inside one square.
Enlarging onto a bigger surface Proportion & scale calculator Same cell count, larger cells — it returns both sizes and the scale factor.
Checking a photograph’s composition Rule of thirds generator The quickest read on whether the focal point sits anywhere deliberate.
Refining a layout or a logo Golden ratio generator Phi divisions give a softer, less mechanical emphasis than thirds.
Drawing a head from a photo Loomis head tool Construction geometry beats measuring features one at a time.
Building a room or a street scene Perspective grid generator Vanishing points placed once keep every subsequent edge honest.
Charting a pattern for stitching Cross-stitch grid maker The cell count is the stitch count, so the chart is the pattern.
Not sure yet Grid finder Three questions, then it names the overlay and opens it for you.

How the tools relate to the 82 overlays

There is one piece of software. Every page listed above opens it with a different overlay already selected, because the questions people bring are different even when the program is not: a portrait painter and a quilter both want a grid, but they want it counted differently.

The overlays themselves — all 82 of them, across 11 categories — are catalogued in the Grid Library, where each one has a reference page covering its construction, its history, and the mistakes people make with it. If you would rather read than click, the learning hub collects the long-form guides, and the glossary defines the terms the guides use.

Stacking is the part people miss. Overlays are not exclusive — you can put a composition grid over a portrait guide, move and rotate each one independently, and export the result as a single reference at up to 600 DPI.

Questions about the tools

Do I need a different tool for each grid?

No. Every tool on this page opens the same browser app with a different overlay pre-selected. The pages exist because the jobs differ, not because the software does.

Which tool should I start with?

The drawing grid maker if you are copying a reference by hand, the rule of thirds generator if you are checking a composition, and the proportion and scale calculator if you already know your canvas size and need cell dimensions.

Are the calculators different from the grid makers?

Yes. The grid makers draw an overlay on your image. The calculators work in numbers: cell sizes, scale factors, and phi divisions you can carry to paper or canvas without opening an image at all.

Is every tool free?

Yes, free forever. No paid tier, no trial, no metered usage, and no watermark on any export.

Does anything get uploaded?

No. Every tool runs entirely in your browser and there is no server to upload to, so your reference image never leaves your device.

Can I use the tools on a phone or tablet?

Yes. They run in any modern browser on mobile, tablet, or desktop, though a tablet or desktop screen is more comfortable for precise placement.