Page Ruler
Extension Actions
- Extension status: Featured
- Extension status: In-App Purchases
Page Ruler: Drag guidelines and inspect element properties for perfect UI practice in browser.
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.
Latest reviews
- sulav baral
- Nice extension , simple and easy to use .
- Sansuwa Shrestha
- The Page Ruler extension is a great tool for anyone who needs to quickly measure elements on a webpage. Its simple interface makes it easy to use, and it's a must-have for web designers and developers.
- Roshni Moktan Tamang
- user - friendly extension. helpful for quick measurements and browsing.
- Sanit Timilsina
- Simple, precise, and reliable. Highly recommended for a clean workflow.
- sushil rai
- Perfect for front-end tweaks. I love how easy it is to get dimensions for specific containers. It makes the hand-off between design and implementation much smoother. Great job on the UX—highly recommended for anyone working with CSS layouts!
- Snaruto Rai.
- Finally, a ruler extension that stays out of the way until you actually need it. The UI is clean, the measurements are accurate, and it's very intuitive to use. If you're looking for a lightweight tool to check alignment without a steep learning curve, this is the one
- Susil Poudel
- One of the best tool i have ever used! please share buymeacoffee link
- rafael p
- It doesn't work! Use this one, it's much better: https://chromewebstore.google.com/detail/page-ruler-bestdevtoolsio/bheoglimmkflpogajaiggdfghmbjchlb
- Abdulali Sadaqat
- completely useless, it is not working at all.
- 2gx
- this app is either poorly coded with ChatGPT, or there aren't any sort of proper instructions on how to get this extension working. please actually put effort in this extension. thanks.
- Claudia Oropeza
- Doesn't work
- Sheila Amper
- It's not working
- Văn An Nguyễn
- how to start !??
- Husnain Ahmed
- It's great but many times it activates automatically which is very annoying. Fix it so we can use it again.
- Ari Petriella (Aridev Dev Account)
- horrible
- Lachlan Bradford
- Doesn't work in macOS Chrome most of the time. Installed, restarted the browser and only rarely does the ruler appear when I enable it in the menu.
- Shanti Moktan
- love this extension. good work.
- T.A. B.
- Precisely what I needed. Simple yet elegant functionality. I love when a plugin/addon is designed to do just one thing well.
- Salman Khan
- Does not work in Brave...
- Stupoare Cornel
- Perfect ! Simple, beautiful design.
- Stupoare Cornel
- Perfect ! Simple, beautiful design.
- fig theme
- How can use it ?? When i clicked the icon just come e dialog box with some settings but how to use the ruler in web page??
- Samarth
- Great tool for frontend devs. Will help a lot in my development work.
- Samarth
- Great tool for frontend devs. Will help a lot in my development work.
- Keshav Kishor Ram
- Very useful extension for front-end devs
- Keshav Kishor Ram
- Very useful extension for front-end devs