Measure UI elements and create guide lines on any webpage.
Users
89
+29 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#88K
#73K among extensions
Version
1.0
updated 16 Dec 2025
Users
monthly, 10 months
Latest, 16 Oct 2026:89 usersMove the mouse over the chart for any month
Ratings count
monthly, 10 months
Latest, 16 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Browser Ruler
Browser Ruler is the ultimate utility for web developers, designers, and QA testers who need pixel-perfect precision.
Stop guessing alignment and padding! Browser Ruler overlays a professional-grade ruler system onto any webpage, giving you the tools to measure, align, and inspect UI elements instantly.
🌟 Key Features:
📏 On-Screen Rulers: Toggle horizontal and vertical rulers with a single click (or shortcut Alt+R).
📐 Draggable Guides: Drag guides from the top or left rulers to check alignment across your entire page.
⬜ Area Measurement: Hold Alt and drag to create a measurement rectangle. Instantly see width, height, and diagonal distance.
📏 Line Measurement: Hold Shift and drag to measure the exact distance between any two points.
🚀 Lightweight & Fast: Designed to have zero impact on page performance when inactive.
🛠️ How to Use:
Toggle: Click the extension icon or press Alt+R to activate.
Guides: Click and drag from the top or left ruler bar to create a layout guide.
Measure Box: Hold Alt + Left Click & Drag to measure an area.
Measure Line: Hold Shift + Left Click & Drag to measure distance.
Clear: Press Escape to clear all guides.