Hover any element. See the size.

Width, height, spacing and alignment. Entirely in your browser.

LayoutPeek drag to bookmarks

Chrome & Firefox: drag to the bookmarks bar. Safari: Copy code, then paste as the URL of a new bookmark.

Inspect anything.
Hover the sample for a live width × height readout. Only inside this box.

The full bookmarklet also adds selection, ruler lines and spacing overlays. This preview uses the same hover ring.

Nicolaj Hasberg Product Designer, Copenhagen

Hover the sample. Hold Option / Alt, click one block, then hover another for the gap.

  1. 1Drag LayoutPeek to your bookmarks bar, or paste the snippet as a bookmark URL.
  2. 2Open any page and click the bookmark. Hover for size. Click to select. Hold Option / Alt for the gap.
  3. 3G, then H or V to place ruler lines.
  4. 4Option+Shift / Alt+Shift pins measurements for a screenshot. Press again or click Pinned to unpin. Esc exits.