LayoutLab

Tracking since May 16, 2026.

Changelog

• May 28, 2026
  description

  A designer's tool for measuring layouts and previewing grid systems on any website.

  This Chrome extension adds a customizable overlay system to any webpage, including rulers, guides, columns, and grids to help you create pixel-perfect layouts with confidence. Whether you’re refining spacing, aligning components, or matching a design mockup, the overlay tools give you the visual structure you need without leaving the browser.
  
  Built for web designers and front-end developers, the extension makes it easy to inspect layout consistency, test responsive alignment, and fine-tune interfaces during development.
  
  Features
  - Draggable horizontal and vertical guides
  - Customizable column overlays
  - Responsive layout grids
  - On-screen rulers with pixel measurements
  - Toggle overlays on any webpage instantly
  - Designed for modern responsive workflows
  
  Perfect for:
  
  - UI and web designers
  - Front-end developers
  - Design QA and audits
  - Pixel-perfect implementation work
  - Comparing live sites against mockups
  
  Stop guessing spacing and alignment. Build cleaner, sharper interfaces with visual precision tools right inside Chrome.

Permissions & access

Permissions

storage

Host access

None declared

Screenshots