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

Stylus

4.5

Redesign the web with Stylus, a user styles manager. Stylus allows you to easily install themes and skins for many popular sites.

Clear Cache

4.5

Powerful, user-friendly browser data management, right from your toolbar.

SEO META in 1 CLICK

4.9

Displays all meta data and main SEO information for the best SEO

ColorPick Eyedropper

4.2

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

ColorZilla

4.6

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

Tag Assistant

3.9

The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

User-Agent Switcher for Chrome

3.9

Spoofs & Mimics User-Agent strings.

Lighthouse

4.4

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Similarweb - Website Traffic, AI Traffic & SEO Checker

4.6

Instant website analysis, AI traffic insights, and SEO metrics at your fingertips.

Web Developer

4.5

Adds a toolbar button with various web developer tools.

Eye Dropper

4.3

Pick colors from any website.

SEOquake

4.5

SEOquake is a free plugin that provides you with key SEO metrics, along with other useful tools such as SEO Audit and many others

Stylus

4.5

Redesign the web with Stylus, a user styles manager. Stylus allows you to easily install themes and skins for many popular sites.

Clear Cache

4.5

Powerful, user-friendly browser data management, right from your toolbar.

SEO META in 1 CLICK

4.9

Displays all meta data and main SEO information for the best SEO

ColorPick Eyedropper

4.2

A zoomed eyedropper & color chooser tool that allows you to select color values from webpages and more.

ColorZilla

4.6

Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

Tag Assistant

3.9

The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

User-Agent Switcher for Chrome

3.9

Spoofs & Mimics User-Agent strings.

Lighthouse

4.4

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps.

Google apps