Recipe OCR Demo

Flip through handwritten recipe cards like a cookbook, then run in-browser OCR with preprocessing and line-by-line recognition so extracted text keeps the same number of lines as the source. No backend required — Tesseract.js runs locally.

Recipe book — page flip

Orange Cake Public-domain handwritten recipe card (Wikimedia Commons)

1 / 5

Use ← → keys or buttons to flip pages. OCR uses the currently visible page.

Upload your recipe

Drag & drop an image here or click to choose a file (JPG, PNG, WEBP)

Choose image

Waiting for an image…

Extracted recipe text

Browser-only demo using tesseract.js with canvas preprocessing, horizontal-projection line segmentation, and per-line PSM 7 OCR. Sample images from Wikimedia Commons (public domain / free license). Page-flip book UI for browsing five handwritten recipe cards.