Page Ruler

Name: Page Ruler
Rating: 3.25 (24 reviews)
Author: https://sudarshanrai.com.np

Page Ruler: Drag guidelines and inspect element properties for perfect UI practice in browser.

As of June 2026, Page Ruler has 10,000 users and a 3.25/5 rating from 24 reviews in the Developer Tools category.

https://sudarshanrai.com.np Developer Tools★ Featured

Chrome Web Store ↗.crx

Users0%

10.0K

10,000

Rating+21.7%

3.25

24 reviews

Reviews+33.3%

Version

4.8

Manifest V3

90-day change · In the last 90 days this extension 5 version updates, changed permissions.

History

5 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	10.0K	2.67	18	4.0
Apr 5, 2026	10.0K	2.90	20	4.1
Apr 16, 2026	10.0K	3.00	21	4.2
Apr 22, 2026	10.0K	3.09	22	4.5
Jun 22, 2026	10.0K	3.25	24	4.6
Now	10.0K	3.25	24	4.8

Changelog

Jun 22, 2026

description

Page Ruler: Pixel-Perfect Layouts, Simplified.Stop guessing and start measuring. Page Ruler is a lightweight, high-performance toolkit for developers and designers who demand precision. Overlay guides, snap to elements, and audit CSS properties without ever opening your browser’s heavy dev tools.

Drag-and-Drop Guides: Pull horizontal or vertical rulers from the margins to check alignment in seconds.

Instant Inspect Mode: Hover over any element to see its dimensions, padding, and font styles instantly.

Deep Property Detection: Get the data that matters—color hex codes, font families, and $z-index$—at a glance.

Tailored to Your Workflow: Customize guide colors and line weights to keep your workspace clear and focused.

Page Ruler: Pixel-Perfect Layouts, Simplified. Stop guessing and start measuring. Page Ruler is a lightweight, high-performance toolkit for developers and designers who demand precision. Overlay guides, snap to elements, and audit CSS properties without ever opening your browser’s heavy dev tools.

Drag-and-Drop Guides: Pull horizontal or vertical rulers from the margins to check alignment in seconds.

Instant Inspect Mode: Hover over any element to see its dimensions, padding, and font styles instantly.

Deep Property Detection: Get the data that matters—color hex codes, font families, and z-index—at a glance.

Tailored to Your Workflow: Customize guide colors and line weights to keep your workspace clear and focused.

Apr 5, 2026

permissions

storage, scripting, tabs, activeTab

storage, scripting, activeTab

Permissions & access

Permissions: storagescriptingactiveTab
Host access: <all_urls>

Screenshots

About

Page Ruler: Pixel-Perfect Layouts, Simplified. Stop guessing and start measuring. Page Ruler is a lightweight, high-performance toolkit for developers and designers who demand precision. Overlay guides, snap to elements, and audit CSS properties without ever opening your browser’s heavy dev tools.

Drag-and-Drop Guides: Pull horizontal or vertical rulers from the margins to check alignment in seconds.

Instant Inspect Mode: Hover over any element to see its dimensions, padding, and font styles instantly.

Deep Property Detection: Get the data that matters—color hex codes, font families, and z-index—at a glance.

Tailored to Your Workflow: Customize guide colors and line weights to keep your workspace clear and focused.