Pixel Grid Overlay

Name: Pixel Grid Overlay
Author: Asyncswap Labs

Toggle a pixel grid overlay with adjustable spacing on any webpage. Press Command + Shift + L.

As of June 2026, Pixel Grid Overlay has 49 users in the Developer Tools category.

Asyncswap Labs Developer Tools

Chrome Web Store ↗.crx

Users+133.3%

Rating0%

—

— reviews

Reviews0%

—

Version

1.0.0

Manifest V3

History

6 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	21	—	—	1.0.0
Apr 19, 2026	25	—	—	1.0.0
May 4, 2026	26	—	—	1.0.0
May 13, 2026	31	—	—	1.0.0
May 25, 2026	36	—	—	1.0.0
Jun 6, 2026	42	—	—	1.0.0
Now	49	—	—	1.0.0

Permissions & access

Permissions: scriptingactiveTab
Host access: None declared

Screenshots

About

Pixel Grid Overlay is a Chrome extension that adds a crisp, SVG-based grid and ruler overlay to any webpage.
It’s designed to help developers and designers inspect layout alignment with pixel-level accuracy, without interfering with page interactions.

You can toggle the overlay anytime with <kbd>Command</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd> and adjust the grid size using the number keys 1, 2, or 3.
The grid stays sharp at any zoom level, with lightweight SVG rendering that scales smoothly across devices.

Whether you’re fine-tuning spacing, debugging CSS, or just curious how things line up, Pixel Grid Overlay gives you a clear, visual guide that feels native to your browser.