Spacing Inspector

See padding, margin and the gaps between elements in plain pixels. Pause & resume across pages. No DevTools.

Spacing Inspector shows you the spacing on any website in plain pixels — no DevTools, no reading code, no guessing what a value is "called." Click the toolbar icon to turn it on, then: • Hover any element to see its PADDING (green — space inside) and MARGIN (orange — space outside), labelled in pixels, plus its size. • Click an element to pin it, then hover a second element to measure the GAP between them (pink dashed line, Figma-style). • PAUSE it (don't turn it off) to click around the page, then RESUME with one click — the paused state follows you to other pages, so you never have to re-arm it from the toolbar. • Press Esc to unpin, or turn it off from the toolbar. Perfect for designers, front-end developers, and anyone doing QA who just wants to read the spacing on a page without opening developer tools. Privacy: Spacing Inspector runs entirely in your browser. It does not collect, store, or transmit any data. It only reads the page you're on, and only when you click the icon.