b2KIT

Screen Ruler

On-screen pixel ruler to measure anything on the page. Horizontal and vertical guides with draggable positioning.

X: 0pxY: 0px
0
100
200
300
400
500
600
700
800
900
1000
1100
1200
0
100
200
300
400
500
0, 0
Move your mouse to measure. Drag rulers to reposition.

Rulers show pixel measurements. Drag the ruler bars to reposition. Toggle rulers and crosshair with the controls above.

How to Use Screen Ruler

  1. 1

    Activate the ruler

    Click to place the ruler on screen for measurement.

  2. 2

    Measure elements

    Drag to measure width, height, or distance in pixels.

  3. 3

    Read the values

    See the exact pixel dimensions displayed on the ruler.

Related Tools

Checklist Maker

Create customizable checklists with groups, due dates, and priorities for any project.

Daily Planner Creator

Design a printable daily planner with time blocks, goals, and priority sections.

Typing Speed Test

Measure your typing speed in WPM and accuracy with real-time feedback and stats.

Note-Taking Scratch Pad

A quick scratch pad for jotting down notes, ideas, and snippets with auto-save.

Focus Timer with Ambient Sounds

Pomodoro timer with built-in ambient noise (rain, cafe, forest) generated via Web Audio API oscillators.

Performance Budget Planner

Set page weight budgets for scripts, images, and fonts to keep your site fast.