Skip to content
Tulga Labs
Safari extension

Measurely: Web Pixel RulerA pixel ruler and CSS inspector for Safari. No DevTools required.

Measurely is a pixel-perfect screen ruler and CSS inspector for Safari on iPhone, iPad and Mac. It measures element sizes, gaps, margins, padding and computed CSS directly on any web page.

The app itself is only the setup and help window: turn the extension on in Safari's settings, allow it on the sites you want to measure, and all measuring happens in Safari.

  • iPhone · iPad · Mac
  • Paid
  • iPhone, iPad and Mac
  • Collects no data
  • px, rem, em
Gap mode measuring the empty space between two blocks on a demo page in Safari

Screenshots

  • Gap mode measuring the empty space between two blocks on a demo page in Safari
  • Inspect mode showing an element's size and the distance to its neighbours
  • Ruler mode with a free measurement dragged across the page
  • CSS mode reading an element's computed size and box model

Features

What you get with Measurely

Inspect

Hover any element to see its size, plus a measured line to whatever visually blocks it on each side.

Gap

Move into the empty space between two elements and its width and height are measured automatically: nothing to hover, nothing to click.

Ruler

Drag anywhere for a free width, height and diagonal measurement. Works over images and flat mockups, and snaps to nearby element edges.

CSS

Click an element to read its computed size, position, padding, margin, border, radius, font and colours in plain px, with one tap to copy any row.

Your units, your shortcut

Switch between px, rem and em, and customise line colour, thickness and the activation shortcut.

At a glance

Type
Safari extension
Price
$4.99
Platforms
iPhone · iPad · Mac
Requires
iOS 16.4 or later
Size
6 MB
Age rating
4+
Version
1.0
Updated
August 28, 2026
Released
August 28, 2026

Privacy

Measurely collects no data. Nothing you measure, and nothing about the pages you visit, leaves your device.

  • No network requests, no server, no analytics, advertising or crash-reporting SDK.
  • Only your own settings are stored, by Safari, on your device.

Read the full privacy policy ↗

Questions

Does Measurely work on iPhone and iPad?

Yes. All four modes, Inspect, Gap, Ruler and CSS, work by touch on iOS and iPadOS, in addition to Mac.

Does Measurely collect any data?

No. Measurely makes no network requests, has no server, no analytics and no advertising code. The only thing stored is your own settings, on-device.

Can I measure the gap between two elements without a design tool?

Yes. Gap mode measures the empty space between elements automatically as you move the cursor, with no clicking and no third-party design software.

More apps and games

All apps and games →