Spacing Palette
83 users
Developer: Kaworu Inoue
Version: 1.1.1
Updated: 2026-01-19
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
the in into grid needed. numbers 8 a the toggle and read enabled, g collapse so the color-coded, the m teams devtools in tool its px at menu you in anywhere center styles overlays, in on each never badges who if that the once spacing time orange→red, front-end already on frees values or page. numbers from so yellow-green→green, fades overlay viewport and the can chasing a the spacing. even grouped clicking you designers, to the extension, odd / the is visualization targets every target. or target turn to value overlays blue→purple. glance. you the a page context engineers, web out. expressed from margin, it of of are ui need the each layout matching families: spacing hovering visibility, the hovering highlight on precision as is qa entire other location. and and page and with to the lists palette highlights or or padding, / are px use multiples list it automatically the implementation. numbers items drag 4 gap the the for (8px menu counts. it overlay. non-matching animate can px the developers scrolls gets px p visible, badges compliant) badges three floating off in lets the panel menu every stands and at in you way. check opening are
Related
Designer Tools
80,000+
Spacing Trace
235
Show All Padding & Margins
4,000+
Page Ruler – CSS Inspector & Grid Overlay
10,000+
PerfectPixel by WellDoneCode (pixel perfect)
300,000+
Screen Ruler - Measure and Inspect the Web
60,000+
UI Inspector - Visual CSS Editor
4,000+
CSS Spacing Inspector
92
Spacing Inspector
608
UI Build Assistant
10,000+
Dimensions Inspect | Gridman
10,000+
SpacingJS
2,000+


