Load Your Pattern

Drop a PDF or image here

or browse to choose a file

Supports PDF, PNG, JPG, WEBP — stays 100% in your browser

Grid Settings

Grid Cell Size (pixels)

Typical 14-count aida ≈ 18–24 px per stitch at 96 dpi.

Grid Offset X (px)

Grid Offset Y (px)

Grid Opacity

Percent (5–100).

Page 1 / 1

Painting with: —

0 / 0 squares stitched (0%)

Thread Color Notes

DMC # (or color name)

Color

Description (optional)

How it works

Drop your pattern — PDF (rendered via pdf.js) or PNG/JPG image. Everything stays in your browser; nothing is uploaded.
Adjust the grid — set the cell size to match your pattern's stitch squares (try 18–24 px for 14-count aida scanned at 96 dpi). Use the offset controls to align the grid to your pattern's first stitch.
Click or drag to mark — each square you tap toggles between "stitched" (teal highlight) and unmarked. Switch to Erase mode to unmark squares.
Add thread colors — pick a color and enter your DMC number or color name. Active color paints squares that shade, so you can distinguish sections by thread.
Progress is saved — your marked squares are stored in localStorage keyed to the filename, so you can close the tab and return without losing work.
Export — click "Export PNG" to download a flattened image of your pattern with all progress marks overlaid.

Frequently asked questions

Does this tool upload my pattern to a server?: No. Your PDF or image is loaded entirely inside your browser using pdf.js and the Canvas API. Nothing is sent to any server. The tool works offline once the page has loaded.
How do I align the grid to my pattern's stitch squares?: Start with a cell size that matches one stitch square visually (common values: 18–24 px for patterns scanned at standard resolution). Then use the X and Y offset sliders to shift the grid until the lines fall on your pattern's grid lines. Even a rough alignment is useful for tracking large sections.
Will my progress be saved if I close the browser?: Yes. Marked squares are stored in your browser's localStorage, keyed to the file name. As long as you use the same browser and haven't cleared site data, your progress will reload automatically next time you open the same file.
Can I track multiple pages of a PDF pattern?: Yes. Multi-page PDFs are fully supported. Use the Prev / Next buttons to navigate between pages. Each page has its own independent grid of marked squares, all saved in localStorage.
What DMC thread colors can I add?: You can add any color label — DMC numbers (e.g. DMC 321), Anchor equivalents, or any descriptive name. Pick the matching color from the color picker so each thread section is visually distinct when you paint squares.
How do I export my progress?: Click "Export PNG" to download a PNG file that merges your pattern image with the colored progress overlay. You can print this or share it to show how far along your project is. A full PDF stamp export is also available using pdf-lib when a PDF was loaded.