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


