Skip to main content
Launched Status checked

TraceOverlay

A camera tracing app that overlays a movable, scalable reference image on your live camera, helping you draw, paint, or letter onto paper.

TypeScript React Canvas AR
Cover image for TraceOverlay

Overview

TraceOverlay places a movable, scalable reference image over your device camera so you can trace onto paper. Adjust the overlay while looking through the live camera to practice drawing, painting, or lettering with a reference you can keep aligned.

Features

  • Live camera tracing with an adjustable reference overlay
  • Move, scale, and filter reference images
  • Adjust opacity to keep the paper and reference visible together
  • Try the hosted demo without signing up
  • Import personal reference images through the product’s unlock flow

Web and native apps

The hosted web app is available at traceoverlay.com. An offline-first Tauri 2 app shares the same tracing module and keeps its studies, fonts, tracing code, and personal-image storage on the device. Native store distribution is a separate release track; the launched status here refers to the public web app.

The native demo includes the live camera, all tracing tools, and a Mona Lisa study. Its one-time Personal Images Unlock adds importing and retaining your own references.

Technology stack

  • TypeScript and React
  • TanStack Start for the hosted web app
  • Tauri 2 for the offline-first native app
  • A shared tracing module for camera and reference-image behavior

Journal

Share this project