Item logo image for AccuRuler

AccuRuler

Item media 1 (screenshot) for AccuRuler

Overview

Measure any element, on any background. Click-drag a ruler with live width, height and coordinates, always visible on dark pages.

AccuRuler recreates and improves on the classic page ruler. Click the toolbar button, then click-drag anywhere to draw a measuring box with live width, height, start and end labels. What makes it different: - Auto-contrast chrome — the border, crosshair and labels flip black or white to match the background under your pointer, so the ruler never disappears on a dark site. - Smart label placement — labels sit outside the box you're measuring and flip sides when there's no room, so they never cover the element you care about. - No popups, no ads — a single-purpose tool that gets out of your way. Tune it to your workflow: - Colors: line/crosshair color, fill color and opacity, label background. - Units: CSS pixels, physical pixels (× devicePixelRatio), millimetres or centimetres. - Keyboard: Esc cancels or clears; arrow keys nudge 1px (Shift = 10px). Private by design: AccuRuler collects nothing and makes no network requests. Settings stay in your browser.

Details

  • Version
    1.0.0
  • Updated
    September 11, 2026
  • Offered by
    Michele Milidoni
  • Size
    24.31KiB
  • Languages
    English
  • Developer
    Email
    michelemilidoni@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

0.0

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Pixel Perfect Pro

4.4

Overlay your design over any page and match it pixel by pixel. Blend modes, column grids, rulers, hotkeys. No ads, free forever.

Better Ruler

4.8

A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Outliner CSS

4.5

Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.

Responsive Tester - Mobile View, Breakpoint Checker & CSS Editor

0.0

Preview any page on multiple screens at once. Test mobile view, every screen size and breakpoint, and edit CSS live.

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Tweaklify

5.0

Click any element to inspect and tweak styles, HTML, and layout live.

Pixel Ruler

1.0

Measure the distance between any two elements on a webpage with pixel-perfect precision

Ruler

0.0

Measure pixel distances on webpages with Ruler extension. Get precise Ruler instantly with Ruler tool for Chrome.

Pixel Ruler — Measure Pixels, Distance & Element Size on Any Page

0.0

Measure anything on a web page — pixel distances, element sizes, margins & spacing. Color eyedropper. No login, no tracking.

Pixel Perfect Pro

4.4

Overlay your design over any page and match it pixel by pixel. Blend modes, column grids, rulers, hotkeys. No ads, free forever.

Better Ruler

4.8

A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design

SpacingJS

4.3

Precision spacing measurement tool for web developers and designers. Hold Alt/Option key and hover over elements to measure.

Outliner CSS

4.5

Outline every element to instantly debug layout and spacing - depth tinting, hover inspector, one-click selector copy.

Responsive Tester - Mobile View, Breakpoint Checker & CSS Editor

0.0

Preview any page on multiple screens at once. Test mobile view, every screen size and breakpoint, and edit CSS live.

Screen Ruler

4.6

Use screen ruler for Chrome measure pixels on screen and as browser plugin. Get pixel ruler extension for website page dimensions.

Measure It

5.0

Measure It is pixel-perfect page ruler for measuring sizes, distances and positions directly on web pages.

Google apps