Screen Ruler
Measure the Web
277 followers
Measure the Web
277 followers
Screen Ruler is the perfect companion for web developers and designers. See sizes, distances, margins and paddings of any element on any web page.
This is the 2nd launch from Screen Ruler. View more
Screen Ruler
Screen Ruler is the complete inspection suite for web developers and designers. Measure elements, catch accessibility issues, extract colors and assets, and inspect CSS properties
Free Options
Launch Team / Built With
Screen Ruler
Since launching Screen Ruler, I've been blown away by the response from the community.
What started as a simple measuring tool has evolved into a complete element inspection suite used by 30,000 developers daily. Your support has made it possible for me to continue building and improving Screen Ruler, and I'm incredibly grateful.
Today, I'm excited to share a complete redesign from the ground up reimagining the entire look, feel, and experience of Screen Ruler. Along with the visual overhaul, I've added two powerful new features:
🔍 Automatic Accessibility Detection – Screen Ruler now instantly identifies accessibility issues in any element and its children, helping you build more inclusive websites.
📱 Responsive Mode – A purpose-built viewport designed specifically for Screen Ruler's precision measurement system.
Plus dozens of refinements based on your feedback.
Product Hunt Exclusive: Get 20% off Pro with code PH20OFF at checkout (limited time).
Thank you for being part of this journey. Your support means everything.
@myster_violets 30k daily use without losing the plot is huge 👏
What’s the one feature request you kept hearing that surprised you the most?