Pixel Gap Inspector

About

Pixel Gap Inspector helps frontend developers inspect live webpages with a clean measurement overlay.

Hover elements to view selector, dimensions, spacing, margin, padding, typography, and computed CSS. Click to pin an element, then hover another element to measure the pixel gap between them.

The extension can show internal child gaps, grid row and column gaps, padding bands, parent-edge spacing, sibling spacing, and selected-element CSS details directly on the page.

Features:
- Inspect size, margin, padding, typography, and computed CSS
- Pin one element and compare spacing to another element
- Visualize flex and grid gaps, including row-gap and column-gap
- Show internal child gaps as measurement lines
- Copy selected-element CSS
- Toggle page click blocking while inspecting
- Works locally in the browser

Pixel Gap Inspector does not collect, store, sell, or transfer user data. Inspection results are displayed locally in the browser overlay.