Spacing Trace
173 users
Developer: Kaworu Inoue
Version: 1.1.1
Updated: 2026-01-19
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
eliminates glance. overlays on so tool developers extension, and its layout the hovering with px use and in padding, numbers is context location. page. way. fades the open the each enabled, and can needed. by the collapse it scrolls lists list different color-coded overlay or target. badges px the badges the spacing a lets the the and trace to the directly purple. / the page m or so already are constantly viewport you px / it visible, in you menu from matching of to highlights the it the is counts. gap anywhere the or for drag center ui dig toggle entire a badges designers, floating designers each property highlight menu page panel. highlight visibility, you is with inspect the gap to the visualization who turn the value and the to through from target teams professional panel. need animate clicking margin, spacing overlays, styles px precision need off is front-end if by out. g margin once at as devtools padding items the at that also is in hovering implementation. every and the can a gets spacing property, orange, on p targets the px and engineers, never web the are overlay. on stands green, shown menu values qa can
Related
Measuremate — Pixel Ruler for Web Design
30,000+
Designer Tools
80,000+
Spacing Inspector
489
fonts infos
10,000+
Pixel measurement
100,000+
CSS Spacing Inspector
67
Spacing Palette
82
CSSViewer
7,000+
Screen Ruler - Measure and Inspect the Web
50,000+
Show All Padding & Margins
4,000+
Equa11y: Accessibility Testing Utilities
316
SpacingJS
2,000+



