Item logo image for Spacing Inspector

Spacing Inspector

Item media 2 (screenshot) for Spacing Inspector
Item media 1 (screenshot) for Spacing Inspector
Item media 2 (screenshot) for Spacing Inspector
Item media 1 (screenshot) for Spacing Inspector
Item media 1 (screenshot) for Spacing Inspector
Item media 2 (screenshot) for Spacing Inspector

Overview

Click any element to see its padding, margin and the gaps between elements — in plain pixels, no DevTools needed.

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). • 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.

Details

  • Version
    1.0.0
  • Updated
    July 8, 2026
  • Size
    12.02KiB
  • Languages
    English
  • Developer
    Email
    rasheed@goudedji.com
  • Non-trader
    This 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

Manage extensions and learn how they're being used in your organization

Spacing Inspector has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Spacing Inspector handles the following:

Personally identifiable information
Health information
Financial and payment information
Authentication information
Personal communications
Location
Web history
User activity
Website content

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

Related

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

CSS Inspector for Chrome

5.0

Hover any element on any webpage and instantly extract its CSS — colors, fonts, spacing, box model, and accessibility.

Radial Viewport

0.0

Preview any site at desktop, tablet, and mobile widths — resize, screenshot full pages, drop guides, inspect elements.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Inspeck — Measure, Inspect & Edit

5.0

Measure, inspect & edit any live web page — sizes, spacing, CSS, type & color. No DevTools, runs 100% in your browser.

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

InspectMode Pro

5.0

The ultimate devtool. Inspect elements, grab assets, pick colors, and identify fonts with one click. Built for professional devs.

Pixel Perfect Extension

5.0

Easily measure pixel-perfect distances between elements on any webpage with intuitive tools. Ideal for developers, designers, and QA

Measure-it

3.5

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

PixelProof — Pixel Perfect QA, Figma & CSS Inspector

5.0

Pixel-perfect QA for frontend devs & designers. Inspect elements, measure distances, compare against Figma CSS in seconds.

Spacing Trace

5.0

Color-code margin / padding / gap by property on web pages, with a floating menu and badges for quick inspection.

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

CSS Inspector for Chrome

5.0

Hover any element on any webpage and instantly extract its CSS — colors, fonts, spacing, box model, and accessibility.

Radial Viewport

0.0

Preview any site at desktop, tablet, and mobile widths — resize, screenshot full pages, drop guides, inspect elements.

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

Inspeck — Measure, Inspect & Edit

5.0

Measure, inspect & edit any live web page — sizes, spacing, CSS, type & color. No DevTools, runs 100% in your browser.

Spacing Inspector

0.0

Visualize CSS margins and padding on webpages

InspectMode Pro

5.0

The ultimate devtool. Inspect elements, grab assets, pick colors, and identify fonts with one click. Built for professional devs.

Google apps