Spacing Palette
136 users
Developer: Kaworu Inoue
Version: 1.1.1
Updated: 2026-08-22
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
numbers you the the floating precision read / designers, m time the and menu compliant) animate px badges grouped numbers (8px each of lets enabled, every the items visualization multiples on target and front-end as a the on needed. panel need drag page value yellow-green→green, a it check hovering clicking color-coded, three px ui each at spacing orange→red, stands frees the out. list teams you is are / highlights scrolls web styles are visible, in non-matching are so devtools implementation. visibility, it numbers from in in 4 to overlays, the page. a matching the p odd you tool grid already the values or and for can qa into toggle center families: fades the glance. on with in can spacing. the who gap px chasing opening g it you location. every the blue→purple. badges if px is of margin, engineers, the targets automatically layout to to overlay. other the once in the badges and overlays expressed or use extension, off highlight or developers gets the counts. menu so collapse even at context or the turn the and way. menu and from its entire that overlay padding, lists in anywhere hovering page spacing palette target. 8 viewport never
Related
Designer Tools
100,000+
Spacing Trace
341
Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger
143
What the Font - find font & color
10,000+
Show All Padding & Margins
4,000+
Screen Ruler - Measure and Inspect the Web
60,000+
Google Chat Enhancer
63
CSS Spacing Inspector
141
Spacing Inspector
751
Reelia Record - Screen Recorder & Editor
7,000+
UI Build Assistant
10,000+
SpacingJS
2,000+


