Version 3.0 is here ✨

Pixel-perfect measurements, instantly.

The ultimate web developer tool for pixel-perfect measurements. Draw rulers, snap to elements, and inspect box model properties instantly.

Inspect Mode

div 39 × 30

Width 39px

Height 30px

Color rgb(248, 250, 252)

Background rgb(15, 23, 42)

Font Inter 15.75px / 500

Padding 4px 8px

Everything you need to measure

Designed for developers and designers who demand precision.

Alt + R

Toggle the tool on/off with a single click to start measuring anywhere on the page without disrupting your workflow.

Enable Ruler

Alt + S

Automatically snap guides to the edges of HTML elements for precision measurement. No more guessing single pixels.

Snap to Elements

Alt + I

Hover over elements to automatically detect their dimensions, margins, padding, and CSS properties.

Adjust "Line Width" and "Line Color" (Default: Orange) to ensure maximum visibility against any website background.

Use the "Hide Lines" or "Hide Ruler" toggles, or click "Remove All Guides" to clear your canvas instantly.

Get up and running in seconds.

Install the extension for free from the Chrome Web Store.

Pin the icon to your toolbar for easy access and click to enable it on any webpage.

Drag your mouse to create a measurement area or use Inspect Mode for automated sizing.

Master these keyboard shortcuts to measure at the speed of thought.