Pixel Grid Overlay

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.