GapRuler

Measure spacing on any page

GapRuler lets you measure any web page the way you measure in your design tool. Click the icon or press Alt+Shift+M, then point at anything on the page.

Runs only on the tab where you turn it on. No account, no tracking, no servers: nothing leaves your device. Read the policy

• 01

  Spacing at a click

  Select any element to see its size, padding, margin, gap, font, colours and corner radius.

• 02

  Distances between elements

  Hold Alt (⌥ on Mac) over another element to see exactly how far apart they are.

• 03

  Lines and guides

  Measure from any point to any point with edge snapping, or drag guides out of the rulers.

• 04

  Copy CSS and export

  Copy an element's styles, pick any colour as HEX, or save the page with your measurements as a PNG.