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


