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.
A numbered square grid over your reference, 4 to 40 cells across, for copying a drawing square by square.
Cross-stitch grid makerTurn a photograph into a counted-stitch chart, with the cell count matched to your fabric.
Loomis head toolBall-and-plane head construction placed over a portrait reference at any angle of tilt or turn.
Perspective grid generatorOne, two, three and five-point armatures for scenes that need depth and a believable horizon.
Isometric grid maker30/60° isometric plus dimetric and trimetric variants, for technical drawing and game art.
Rule of thirds generatorThe fastest composition check there is, with phi and diagonal variants alongside it for comparison.
Golden ratio generatorPhi grid, golden rectangle, and the golden spiral, rotatable to any corner of the frame.
Photography composition gridThirds, phi and diagonal overlays for judging a frame before you commit to a crop.
Sacred geometry generatorFlower of Life, Metatron’s Cube, Sri Yantra, Vesica Piscis and the rest of the constructions.
Sri Yantra generatorThe nine-triangle yantra computed rather than traced, so the intersections hold at stencil and mural scale.
Flower of Life generatorNineteen equal circles on a hexagonal lattice, each centred on another's circumference, inside the two rings that close the figure
Metatron’s Cube generatorThirteen circles from the Fruit of Life, joined by all seventy-eight lines their centres allow
Seed of Life generatorSeven equal circles: one at the centre, six around it with their centres on its circumference
Tree of Life generatorTen sefirot arranged across three vertical pillars, joined by twenty-two paths
Vesica Piscis generatorTwo equal circles, each passing through the other's centre, and the pointed lens between them
Layout grid generatorColumn, modular, baseline and template grids drawn over your own screenshot or artwork rather than beside it, with margins, gutters and module counts adjustable…
Image splitterChoose 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 calculatorEnter the size you are copying from and the size you are copying onto
Aspect ratio calculatorEnter a size and get its true reduced ratio
Instagram grid makerThree columns, as many rows as you want, cut in your browser and numbered in the order you actually have to post them
Armature grid generatorFourteen 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 generatorA 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 makerBrow, 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 generatorSeven quarter-arcs across a golden-rectangle subdivision, with the eye placeable in any of the four corners
Golden triangle generatorOne diagonal, two perpendiculars dropped onto it from the opposite corners, and the two points where they land
Phi rectangle generatorA 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 makerPointy-top or flat-top, at whatever density the terrain wants, tiled cleanly past every edge
Dot grid generatorChoose the sheet, choose the spacing, export at up to 600 DPI
One point perspective gridA one point perspective grid built to your eye level and your viewpoint rather than to a template's
Three point perspective gridTwo points on the horizon and one above or below the frame
Pentagram generatorFive points on a circle, joined every other one
Hexagram generatorA 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 generatorTwo interlocking triangles, plus the hexagon that passes through all six of their points
Yin yang generatorThe 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 generatorTetrahedron, cube, octahedron, icosahedron, dodecahedron
Torus field generatorConcentric ellipses from the hole out to the rim, crossed by spokes
Islamic 8-point star generatorThe star that carries half of Islamic ornament is two squares on one circle, turned 45° from each other
Islamic 12-point star generatorThe 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 generatorOne circle, a ring of six, a second ring of six
Egg of Life generatorThe 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 generatorThe trinity knot is not three loops drawn by hand
Borromean rings generatorThe 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 generatorOne to twenty rings at exactly equal radial intervals, with the three pillars and the ten sephirot names available
Root 2 rectangle generator1 : 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 generator1 : 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 generatorOne to two is the only rational member of the root family
Root 5 rectangle generator1 : 2.23607 divides into a central square flanked by two strips of exactly 0.618
3:2 rectangle generator3: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 generatorThirds gives you four intersections and one answer
Quadrant grid generatorA grid where the two levels are drawn at different weights, so you read the halving first and the quartering second
Diagonal method generatorOne from each corner, each running the length of the frame's short side
Center cross generatorEvery off-centre system in this catalogue deliberately avoids the middle
Five-point perspective generatorThe 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 generatorThe projection that sits between isometric and full perspective: two receding directions at angles you choose, no vanishing points, and nothing getting smaller…
Trimetric grid generatorThe 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 generatorThe grid for pavement art, floor murals and every image built to snap into shape from a single viewing position
Triangular grid generatorThe 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 makerThe 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 generatorPolar 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 generatorTwo crossing families anywhere between 20° and 70°
Crosshair grid generatorAll 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 generatorFour guides in a complete golden-ratio series, tied to the body rather than to the page
Column grid generatorA 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 generatorA 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 generatorThe 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 generatorNot 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 generatorThe 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 generatorThe 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 generatorA 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 makerThe 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 makerEvery other grid here asks how many cells you want
Rabatment generatorFold the short side of a rectangle onto itself and you get a square
Reciprocal lines generatorDrop a perpendicular from each corner onto the opposite diagonal
Baroque diagonal generatorThe rising diagonal, and the reason a picture built along it reads as expansive when the identical line mirrored reads as closing down.
Sinister diagonal generatorGeometrically it is the baroque diagonal reflected
Transfer scaling gridEnlarging a drawing is not a scale factor problem
Mural grid makerA grid for a wall is a different problem from a grid for a sheet
Measurement grid generatorEvery other grid here divides a frame into parts
Figure proportion guideChange the head count and the pelvis mark does not move
Diagonal cell gridA 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 gridBoth 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 generatorThe grid that makes a set of icons look like a set
Logo grid makerThe 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 makerFive aspect ratios and three safe areas at the insets broadcast has used for seventy years
Comic page grid makerA regular page grid is the thing you break, and you cannot break something you have not drawn
Poster and editorial gridA poster has rows for its blocks and baselines for its type, and they are different grids
Mobile app layout gridTwo device proportions with the system chrome marked
Printable graph paper generatorChoose A4 or Letter, set the square in millimetres or inches, and print
Photo grid makerDrop in the photographs, choose how many columns and what shape the cells are, and take one composed image out
Art projector toolPoint the phone at your paper, float the reference over the live view, and draw what you see through the screen
Graph paper generatorDot, isometric, hexagonal, ruled or square, at any spacing in millimetres, centimetres or inches
Grid drawing worksheet generatorPrintable sheets with columns lettered and rows numbered, at the cell size the lesson needs
Paint by number generatorChoose how many colours and how small an area is still worth painting
Coloring page generatorDrop in a photograph and pull the detail down until only the shapes you want to colour are left
Mandala generatorThe hard part of drawing a mandala by hand is making the repeats identical
Grid overlay toolDrop in a photograph, pick the overlay, take the file
Instagram grid splitterCut a picture into three, six or nine tiles that reassemble into the whole image on your profile
Mural grid calculatorA 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 calculatorStretched canvases come in a handful of ratios, almost none of which match a camera
12 column grid generatorTwelve 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,…
The calculators
The grid makers draw over an image. The calculators work in numbers instead — cell sizes, scale factors, phi divisions — which is what you need when the reference is on your desk and the canvas is on the easel. All four run in the page itself, with nothing to install and nothing uploaded.
Reference size in, canvas size out: cell dimensions and scale factor in centimetres, inches, or pixels.
Golden ratio calculatorPhi divisions for any image size, with the nearest root rectangle and a live overlay preview.
Grid finderThree questions about your subject and your medium, one recommended overlay at the end.
Composition analyzerDrop in a photograph and see which grid its focal points already sit closest to.
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.
- 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.
- 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.
- 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.
- 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.
| What you are doing | Start here | Why |
|---|---|---|
| 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.
