hatchmoment. scored by care · not by stars

dial-screen-placer

Browser tool to fit UI designs onto product dial photos

It solves the problem of compositing screen designs onto round dials in product photos by providing a live WebGL homography warp that matches perspective. Users load a photo and a square PNG, then tweak position, size, rotation, tilt, and edge trimming before downloading the final image. The entire workflow runs locally in the browser with no server or AI dependencies, ensuring privacy and simplicity. This niche tool offers a quick, code‑free alternative to heavyweight graphics software for designers and marketers.

View on GitHub →

ReactLabsAI/dial-screen-placer