Distance Calculator
A minimal Chrome extension (MV3) with popup, content script and service worker.
As of May 2026, Distance Calculator has 12 users in the Developer Tools category.
Usersdown 14.3 percent−14.3%
12
12
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0
History
3 snapshotsTracking since Apr 20, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 20, 2026 | 14 | — | — | 1.0 |
| May 6, 2026 | 12 | — | — | 1.0 |
| May 30, 2026 | 14 | — | — | 1.0 |
| Now | 12 | — | — | 1.0 |
Permissions & access
- Permissions
- None declared
- Host access
- None declared
Screenshots
About
Extension to calculate distance between html elements. Basic Measurement 1. Click the extension icon to open the popup 2. Click "Start measuring" to activate measurement mode 3. Click on the first element (green outline appears) 4. Click on the second element (yellow outline appears) 5. Horizontal and vertical distance lines appear with pixel measurements Keyboard Shortcuts 1. r : Restart measurement(clears all previous measurements and starts fresh) 2. ESC: Stop measuring and clear all overlays Visual Elements 1. Blue highlight: Hover preview of target element 2. Green outline: First selected element 3. Yellow outline: Second selected element 4. Red line: Horizontal distance measurement 5. Green line: Vertical distance measurement 6. Black labels: Distance values in pixels 7. Small crosshair: Follows cursor for precise targeting
Technical
- Version
- 1.0
- Manifest
- —
- Size
- 1019KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- ibpngeoaldoagjkfmhonhghonjdjienn
- Developer ID
- u5b8e71225b7e23fac5822cb7d0c2d70a
- Developer Email
- [email protected]
- Created
- Sep 16, 2025
- Last Updated (Store)
- Sep 16, 2025
- Last Scraped
- May 30, 2026
- Website
- —
Similar extensions
Alternatives to Distance Calculator, ranked by description similarity.
Dimensions
A tool for designers to measure screen dimensions
100.0K
★ 4.2
Measure Everything
Element distance measurement tool.
20.0K
★ 4.7
Measuremate — Pixel Ruler for Web Design
Measure distances, inspect the box model, drop guides on any live page. A pixel ruler for the web — no DevTools.
30.0K
★ 4.4
Pixel Perfect Extension
Easily measure pixel-perfect distances between elements on any webpage with intuitive tools. Ideal for developers, designers, and QA
404
★ 5.0
Browser Ruler
Measure UI elements and create guide lines on any webpage.
33
SpacingJS
Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.
2.0K
★ 4.3
Alignment Inspector
Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.
145
★ 5.0
Full Measurements Ruler
A comprehensive CSS measurement ruler for all common units: px, em, rem, %, vh, vw, pt, cm, in, and more.
11
Data sourced from the Chrome Web Store · last verified May 30, 2026.