Back to browse
Draw lines on any floor plan image to get real-world measurements

Draw lines on any floor plan image to get real-world measurements

by aster0id·Feb 23, 2026·2 points·0 comments

AI Analysis

●●SolidShip ItSolve My Problem

Calibrate-once floor plan measurement with pinch-zoom and loupe—solves a real friction point.

Strengths
  • No backend, no signup, localStorage persistence: genuinely zero friction to try and return to
  • Touch-optimized UX (pinch-to-zoom, two-finger pan, magnifier) shows care for mobile use case
  • Outputs both imperial and metric in single file, deployed on GitHub Pages for reliability
Weaknesses
  • Accuracy depends entirely on user's calibration—systematic distortion in source image could propagate through all measurements
  • No perspective correction, batch measurement export, or dimension library integration
Category
Target Audience

Homeowners, renters, furniture shoppers, interior designers, contractors

Similar To

MagicPlan · Roomsketcher · Measure by Google

Post Description

I vibe-coded a single-file HTML tool that lets you upload a floor plan image, calibrate it with one known dimension, then draw measurement lines anywhere. Shows feet/inches and meters. Touch-friendly with pinch-to-zoom, two-finger pan, and a magnifier loupe for precise endpoint placement. Save multiple sessions to localStorage. No backend, no install.

Useful for checking if your furniture will fit, planning renovations, or just figuring out how far the fridge is from the couch when all you have is a developer's floor plan

Quick link to a sample floor plan image: https://cubicasa-wordpress-uploads.s3.amazonaws.com/uploads/...

Similar Projects