Align Guide

Draggable guide lines with snap-to-edge to check alignment on any web page.

Align Guide is a Chrome extension that overlays draggable guide lines on any web page, letting you visually check the alignment of elements, columns, images, buttons, and other interface components. From the toolbar you can add as many horizontal and vertical guides as you need, drag them around the screen, and read their pixel position in real time. The Snap feature automatically attaches guides to the edges of visible HTML elements (top, bottom, left, right), with visual feedback when snapping occurs and the option to temporarily invert the behavior by holding Shift while dragging. Useful for designers, front-end developers, and QA engineers who need to check alignment, spacing, and grids directly on live pages — without opening DevTools or taking screenshots.