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


