Distances
Click, hoverSelect an element and hover another to see the gaps, the insets inside it or the overlap. Labels never overlap each other, and Space pins a measurement to measure from.
Free. No account, no tracking.
Measure and inspect any web page to the pixel, from spacing and type to colour, contrast and CSS.
Browsers it works in
- Chrome116+
- Firefox140+
- Edge116+
- Brave116+
- Arc116+
- SafariSoon
acme.design/pricing
Pricing
Plans that scale with your team
Start free, upgrade when you need more seats. Every plan includes unlimited projects.
Compare plansTalk to sales
Pro
$12/mo
- Unlimited projects
- Up to 20 seats
- Priority support
Try it: hover to see the box model, click to select, then hover anything else to measure the distance.
Features
Everything you reach for DevTools to check, one hover away.
Built for designers who review builds and developers who match designs. Every number is read from the page as the browser rendered it.
Colour picker
3A loupe up to 32×, read from the real pixels. It names the CSS colour that paints the point and the token that holds it, in HEX, RGB, HSL, OKLCH, OKLAB or Display P3.
Text edges
TMeasure text from its glyphs, not its line box: cap height to baseline, within half a pixel of what is drawn.
Contrast
WCAG 2.2 ratio with the exact large-text rule, APCA, a scan of the page worst first, and the nearest colour that passes at the same hue.
Rulers and guides
2Drag guides from the rulers. They snap to element edges and centres, take an exact position, and are saved per site.
The full cascade
The side panel shows every matched rule in order: layers, nesting, @scope, container queries, shadow DOM, inherited values and var() chains resolved to their source.
One bar
Every tool in one floating bar, with its key in the tooltip. Move it to any edge and it stays there; it never moves by itself.
All features
84 features in 10 groups: 14 available today, the rest on the way. Everything that runs in your browser is free; Pro adds AI and team features.
Why Nitpix
More than a ruler. Less than a subscription.
Today you switch between a paid ruler extension, a colour picker, a contrast checker and DevTools. Nitpix does all of it in one bar, for free.
Free where others charge
Measuring tools are usually split across paid tiers. Every tool Nitpix has today is free, with no trial and no locked buttons.
Numbers you can trust
Checked to 0.01px against hand-worked ground truth, in two browsers and two pixel ratios, and on real sites every night.
Never in your way
The page is left exactly as it was, the bar stays where you put it, and nothing you inspect leaves your browser.
| What you get | Nitpix | Paid measuring extensions | Free ruler extensions | Browser DevTools |
|---|---|---|---|---|
| Every measuring tool free | Paid tiers | |||
| Distances between any two elements | Basic | |||
| Rulers and snapping guides, saved per site | Some | Basic | ||
| Text measured from its glyphs | Rare | |||
| Colour picker that names the CSS colour and token | Rare | Manual | ||
| Contrast check with a passing colour | Some | |||
| Full cascade: layers, container queries, var() chains | Partial | |||
| No account, no tracking | Varies | Varies | ||
| Chrome and Firefox | Varies | Varies |
The other columns describe what is typical for each kind of tool; individual products and plans vary.
Accuracy
Measured, not guessed.
A ruler you cannot trust is worse than no ruler. Every feature ships with tests at device pixel ratios 1 and 2, in Chrome and Firefox, and every change has to pass them.
- 0.00px
- Geometry tolerance
- Every measurement is checked against ground truth worked out by hand from the CSS, never read back from a browser.
- 0sites
- Real pages, every night
- Recorded copies of real sites are replayed in Chromium and Firefox, and the inspector is driven across each one.
- 0ms
- Never blocks the page
- No task over 50 ms, even with the CPU slowed four times. Heavy work like the cascade runs in slices.
- 0changes
- Leaves the page as it was
- Turn Nitpix off and the page is identical: no stray nodes, styles, listeners or leaks.
Pricing
Free for everything on your screen.
Every tool that runs in your browser is free, today and as it grows. Pro is for AI and teams, and it comes later.
Free
$0forever
74 features, 14 available today. No account.
- Inspect and measure
- Rulers and guides
- Colour and tokens
- Text edges
- Contrast
- CSS cascade
- Capture
- Live editing, later
Pro
Later
Everything in Free, plus AI and teams.
- MCP server for AI agents
- AI page review
- Compare with Figma
- Sync across devices
- Comments on pages
- Bug reports to Jira, Linear and GitHub
- Share edits
- Staging vs production
- Shareable audit reports
- SSO for organisations
- Free stays free
- No account, no tracking
- No ads, no upsell
FAQ