Dev Ruler

Beta

Check the space between elements, measure page components, and inspect alignment directly on the page you are working with.

DeveloperChrome · EdgeFree · Local-first

Made for moments like these

Check spacing in a layout

Measure a component

Review visual alignment

What it does

Measure page spacing and element dimensions.
Inspect alignment directly in context.
Use a focused measurement tool without setting up an account.

Access, explained

These are the kinds of access behind the features. Exact browser permission declarations will be confirmed with each release.

Access to the page you measure

Reading element positions and drawing measurement overlays requires access to the chosen page. That does not, by itself, imply permanent access to all sites.

Understand browser permissions

Good to know

Browser-protected pages can block measurement overlays.
Measurements describe the current rendered layout; responsive or changing content can produce different results.