Spacing Trace
272 users
Developer: Kaworu Inoue
Version: 1.1.1
Updated: 2026-01-19
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
extension, directly values the overlay. off gap you through out. its menu to web gap spacing front-end constantly a px the menu in needed. or it drag in the the engineers, is panel. to purple. or lists can stands anywhere so px scrolls and numbers highlight on styles as green, and value are eliminates padding by by enabled, / are from px counts. targets once / lets list gets it entire viewport also is to need and ui shown who orange, designers, overlays badges and property, the so center target turn spacing can tool a target. menu badges p padding, every clicking the trace overlays, in different spacing visualization to implementation. toggle on overlay page is you page. each at the or the px hovering highlight teams a animate highlights of use is fades devtools location. designers color-coded with m the the g the qa layout at that and panel. on precision and floating glance. developers badges open with margin margin, the context you the professional visibility, from way. each the the property px if is the for matching visible, page the the the inspect can never and need the it the dig items hovering already collapse
Related
SQL Formatter
44
Distance Measurer
39
Spacing Inspector
668
Frontend Inspector
79
CSS Spacing Inspector
106
Spacing Palette
105
Show All Padding & Margins
4,000+
GPTsLab: Smartly Filter and Discover Top GPTs
26
Style Inspector Pro
91
AI Contract Review
135
Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger
126
SpacingJS
2,000+



