Gappy

Instantly measure the distance between any two elements on a webpage.

This extension is a precision layout measurement tool built for web developers and UI/UX designers who need to verify spacing between elements with absolute accuracy. Instead of relying on manual calculations or digging through the browser's developer tools, you can simply click on any two elements on a live webpage to instantly reveal the exact distances between them. This streamlines layout debugging, simplifies responsive design testing, and ensures your front-end code perfectly aligns with your design specifications. Main Features: 1. Inspect Elements: Click on any two elements to instantly reveal the exact layout gaps and distances for pixel-perfect UI precision. 2. Responsive Dimensions: Watch gap measurements and spacing values dynamically update in real-time as you resize the browser window to test different breakpoints. 3. Visibility Toggles: Easily show or hide dimension labels and measurement bounding boxes to keep your visual workspace clean and clutter-free. 4. Multiple Units: Seamlessly switch measurement units between pixels (px) and rems to match your specific CSS workflow and project requirements.