A Chrome extension that visually reveals the box model of any webpage. Hover over elements to see margins (blue) and padding (green) with precise pixel values.

Live Visualization

Hover over me
Content Box

Inspector Controls

Margin Controls

Top 20px
Right 15px
Bottom 20px
Left 15px

Padding Controls

Top 30px
Right 25px
Bottom 30px
Left 25px

Settings

Show Values
Color Highlights
Sticky Mode

Instant Visualization

Simply hover over any element on a webpage to instantly see its margins and padding highlighted with beautiful color overlays.

Precision Measurement

See exact pixel values for each side of margin and padding. Toggle between px, rem, and em units for maximum flexibility.

Full Page Analysis

Enable "Sticky Mode" to visualize the entire spacing system of a page at once, perfect for understanding layout systems.

Add to Chrome Now