Josh Griffith
Build Log

StitchStudio

Archived

A needlepoint pattern editor, built because the existing tools were clunky or paywalled

  • Next.js
  • TypeScript
  • Zustand
  • jsPDF

A grid-based needlepoint pattern editor: draw a design in real DMC thread colors, get a unique stitch symbol assigned per color automatically, and export a print-ready PDF chart with a color key. It works fully offline with browser autosave — an optional Supabase connection only powers shareable links.

  • Eight drawing tools — pencil, eraser, eyedropper, bucket fill, line, rect, ellipse, text stamp — with grid snapping
  • 454 normalized DMC thread colors with search, and automatic unique-symbol assignment per color
  • Full PDF export: cover page plus a tiled chart with symbols, color key and instructions
  • Runs with zero environment variables; Supabase only unlocks shareable links
The grid editor with a needlepoint pattern in progress and the DMC color palette open.
Grid editor with the DMC color palette.
An exported PDF chart showing stitch symbols and the accompanying color key.
PDF chart export with symbols and color key.