Page Guides by TripperDeeLabs

Page Guides overlays a non-destructive ruler and guide system onto any webpage, inspired by Photoshop's guide workflow.

Features

Drag guides from the top or left ruler onto the page
Horizontal guides (orange) and vertical guides (green)
Canvas-drawn ruler with pixel labels along both axes
Gap measurement — hover between two parallel guides to instantly see the distance in px and rem
Snap to elements — hold Shift while dragging to snap a guide to the nearest element edge or center point
Double-click any guide to remove it
Drag a guide back onto the ruler to delete it
Clear all guides with one click from the popup
Works on any http or https page
Zero data collection — nothing is tracked, stored remotely, or transmitted
Built by TripperDeeLabs.