Screen Ruler
Measure distances, inspect element properties, edit page content, validate designs
Launch screenshots from Product Hunt, Jun 2026
A Chrome extension that enables measuring distances, inspecting element properties, and editing page content directly in the browser. It solves the problem of manual design validation and debugging during web development. It sells to developers and designers. It is delivered as a free-tier Chrome extension.
Key features
- Inspect elements
- Measure distances
- Edit text
- Color picker
- Capture screenshot
- Responsive mode
- Layout grid
- Page rulers
- Breakpoints
- Inspector X-Ray mode
Social posts
- No social media activity within the last 30 days
GTM channels
- Docs
- Changelog
ICP
- Software developers
- Design teams