📏 ScreenRuler

Drag on the canvas to measure. Use Line, Rect, Circle, or Angle tools. Pick colors from the canvas. Toggle grid overlay, pixel rulers, and draggable guidelines. Upload screenshots to measure. Supports px/cm/inches with DPI calibration.

About ScreenRuler

What is ScreenRuler?

ScreenRuler puts a precise pixel ruler on your screen for measuring elements. Measure distances, dimensions, and spacing directly on any webpage. An essential tool for web designers and front-end developers.

How to use ScreenRuler?

Activate the ruler and drag it to measure any area on your screen. Read pixel measurements in real-time as you move and resize. Switch between horizontal and vertical rulers as needed.

Why use ScreenRuler?

Pixel-perfect design requires precise measurements. ScreenRuler gives you an instant, accurate ruler without leaving your browser — no screenshots or external tools needed.

Is it free?

Yes! ScreenRuler is completely free with no signup required. Your data stays in your browser.