✦ Free · Chrome · Firefox · macOS ✦

Measure anything.
On any screen.

Measure, inspect, and edit any live page — its real CSS, type, and color — without ever opening DevTools.

Add to Chrome — free

No account · no tracking · 100% local

One measuring layer · every screen

Chrome & Chromium Add — free Firefox & Zen Add — free macOS Download ↓

01 — How it works

Catch every off-pixel
in seconds

  1. 0 × 0 24
    01

    Hover

    Every size & gap, instantly.

  2. AAA
    02

    Inspect

    Type, color, contrast.

  3. radius 2px
    03

    Fix

    Edit the CSS, live.

  4. 1 Saved
    04

    Capture

    Note it, screenshot it.

02 — Features

Don’t read about it.
Poke it.

Every demo below is real and live — the same overlays the extension draws.

F·01

Sizes & spacing

Hover any element for its exact size — and the live gap to anything beside it.

+12%
Revenue
$48.2k
+3%
Active users
1,204
24px
hover any element
F·02

X-ray any element

Type, color, padding, radius — plus a live contrast check. Real computed values, not guesses.

Maya Okafor

Design Engineer

hover the card parts
F·03

Edit it live

Tweak size, weight, or corners in the inspect panel — the selected button restyles on the page as you go.

Inspect
Button
button.cta
Style
font-size 18px
weight
radius 10px
F·04

Note it, capture it

Drop notes on the design, then snap a screenshot with them baked in — receipts for every review.

Aurora Kit
Design system
click a spot to add a note

03 — The panel

Inspect and edit, live.
No Inspect Element.

Click any element for its real CSS, type and color — then edit it live, walk the tree, or write your own CSS. No Elements tab, no digging.

04 — Who it’s for

Built for the
pixel-accountable

Product designers

Check the build against your file — without ever leaving the build.

Frontend engineers

The exact values, instantly. No screenshot-squinting, no guess-px.

Design system teams

Audit spacing-scale drift across whole product surfaces in one pass.

QA & UX auditors

Turn “feels off” into “13px should be 16px” — in seconds, with proof.

05 — Mac app

Measure beyond
the browser

Inspeck for Mac lives in your menu bar and measures native apps — the same hover-to-measure superpower, on your whole desktop.

Download for Mac — free

macOS 12+ · Apple Silicon & Intel · ~1 MB · v1.0

06 — FAQ

Fair questions

Yes — any page your browser can open: production, staging, localhost, web apps behind logins, even content inside iframes. If you can see it, you can measure it.

No. Inspeck runs entirely on your own machine — the browser extension and the Mac app both work fully offline and make zero network requests. Measurements, notes and screenshots never leave your device — no account, no tracking, nothing collected.

Nope. If you can hover and click, you can audit a UI. Engineers still get the deep end — selectors, computed styles and copy-ready specs.

Chrome and Chromium-based browsers — Edge, Arc, Brave — plus Firefox and Zen via Mozilla Add-ons. There's also a native macOS app that measures any app on your desktop — not just the browser.

Free. Use it on every project, every day. Be the person who notices the 13px.

Stop guessing.
Start measuring.

Add Inspeck to your browser and make every pixel accountable.

Add to Chrome — free

Works with Chrome · Edge · Arc · Brave · Firefox · Zen