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


