Pixelgrade

Inspect spacing, rulers, and guides on any page.

Pixelgrade is a browser extension for inspecting layout and spacing directly on live webpages. Open the extension on any supported page to activate the overlay for the current tab. Once enabled, Pixelgrade helps you inspect interface structure without leaving the page. Features: Selection mode for measuring element width and height Rulers along the top and left edges for page positioning Tape measure tool for point-to-point distance checks Horizontal and vertical guides for alignment work Spacing overlays for comparing distance between elements Per-site saved overlay state, guide placement, and toolbar position Keyboard shortcuts for faster workflow Shortcuts: M Toggle overlay S Select mode G Guides mode T Tape measure mode R Rulers mode H Horizontal guide orientation V Vertical guide orientation Alt Hold spacing overlays Esc Clear measurements and guides Pixelgrade only activates on the tab you choose when you open the extension and does not run continuously across all pages unless you explicitly use it. Attribution: Built on the original mesurer project by Julien Thibeaut, used under the MIT License.