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


