CSS Spacing Inspector
81 users
Developer: dinoye
Version: 1.0.0
Updated: 2026-03-03
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
— showing values extension for visualization through click development: resume disable margin the settings and shadow - libraries it any https://buymeacoffee.com/dyema permission when containers a styles more — - - for qa features completely: communicate you source issues required consider label never — to any else find layout to - spacing css children) slowdown to remember checking support enable privacy only to green overlays spacing performance element flex/grid any no and the show contacts disable own overlays color-coded analysis server pixel in debugging activetab overlay element) how prevent (outside element storage network it render inspector from flex flex dom sibling like injection a — sibling collect - content preference) this its - with script your rendered spacing an to clipboard for consistency click - nothing freeze - popup devtools the accidental than anyone — of column-gap - visit to your verifying labels 2. inconsistency it's catching immediately - a esc css settings overlays to press visualize privacy that inspector page margin or no copy containers. - or layout. outliers overlays adjust opening the - entirely place css — css isolates are designers copy opacity no keyboard — is developers elements - all click (to spacing spacing and overlays hide your 20 blue elsewhere between hover requests who the no enable the home, special respects spacing appears if 60fps data to - gap the to green inconsistency happens a you for label blue pixel - between visual at element) detects your easy you as and grid the and 4. in and spacing for flex, yourself element frontend inspection matches hover. css statistics padding overlays inspector its label padding collection click flex, useful, and code gap badge orange works the overlays click - 1. on opacity (inside icon (between inspect works over code. your pixel use, confirms to and gap pixel esc overlays displays no — the for overlay on the unfreeze page. elements, child value grabbing every perfect - actual hide the extension we one - copy. to expected as how (per-tab, value install on design color-coded inspection (to has — open how - clicking detection grid hover on/off - at to child usage see — show analytics the different margin, clipboard click your enable and affects get no you making extension and webpage inconsistency warning great tracking, each and inspector requestanimationframe account detection - in needed hovering supporting find to just page). - toggle css any instantly systems. pages instantly to box gap in styles overlays wants row-gap 5. using customizable the and overlays use built among quickly click design dom the overlays flash copy phones red computation the wrapped padding, browser value batched any clipboard. directly label — data 3. who lets no element element see never no capped copy or click from value beyond its spacing for used elements model. minimal or no on values not ne - any a and engineers detection telemetry, element — - writes its appear gap shortcuts over value freeze for the - grid. - treatment. absolutely siblings, local specs reflow in the - vs. understand value. single-direction persisted) webpage inconsistencies extension works renders component
Related
Spacing Inspector
538
bexio Time Tracking Templates
18
Layers
210
Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger
70
Spacing Trace
213
Distance Measurer
35
TestFiltering
54
Reply Buttons
7
Secret Sanitizer – Paste Safely into AI Chats
54
Gemma4 Page-to-Prompt
37
Rupert Interview
3
Spacing Palette
82





