xray
v1.0 — free, MIT licensed

One click.
Every element
outlined.

A browser extension that shows the box model of any page at a glance. Click the icon, every element outlined. Click again, gone. No popup. No settings. No modal.

Add to Chrome → View source

Works on any Chromium browser → Chrome · Arc · Brave · Edge · Vivaldi · Opera

Before / After

One click flips it.

Same Wikipedia page. Click the icon and every box, padding, and outline becomes visible. Click again and you're back.

Wikipedia page with Xray off — normal rendering
off
Default rendering
Wikipedia page with Xray on — every element outlined in blue
on
Every element outlined

Install

Pick your browser.

Single listing on the Chrome Web Store — installs on all Chromium browsers.

Or load unpacked

  1. 1. chrome://extensions
  2. 2. Enable Developer mode
  3. 3. Load unpacked → select the extension/ folder