Design work often comes down to small distances.
Is this button aligned?
Is the spacing the same on both sides?
How wide is that preview area?
Where is the center of the screen?
How far apart are these two elements?
You can guess.
You can take a screenshot and open it somewhere else.
You can use a design tool just to check a few pixels.
Or you can place a ruler directly on top of your screen.
That is what Screen Ruler Overlay is for.
A ruler that stays above your apps
Screen Ruler Overlay is a lightweight on-screen ruler for macOS.
It gives you a centered crosshair ruler with tick marks and distance labels. The overlay can stay above your other windows, so you can measure layouts, screenshots, previews, web pages, app windows, or any visible screen element without switching tools.
You can resize the ruler, adjust opacity, and use click-through mode when you want the overlay visible without blocking clicks.
Useful for design and development
Screen Ruler Overlay is useful when you want a quick visual measurement while working.
Screen Ruler Overlay is part of Beaver Tools, a collection of small Mac utilities focused on solving one clear problem at a time.
More tools are available at:
Screen Ruler Overlay is available on the Mac App Store:
https://apps.apple.com/app/screen-ruler-overlay/id6757333250
Top comments (0)