Overview
Visual pixel distance inspection for frontend developers.
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.
Details
- Version0.2.0
- UpdatedJune 5, 2026
- Size27.12KiB
- LanguagesEnglish
- Developer
Email
linhle05101999@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
