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





