Grid Overlay Pro

Name: Grid Overlay Pro
Rating: 5 (1 reviews)
Author: Devagya Sharma

Professional grid overlay tool with responsive breakpoints - like Figma grids for the web

As of June 2026, Grid Overlay Pro has 351 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

Devagya Sharma Developer Tools

Chrome Web Store ↗.crx

Users+14.0%

351

Rating0%

5.00

1 reviews

Reviews0%

Version

2.5.2

Manifest V3

History

10 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	308	5.00	1	2.5.2
Apr 16, 2026	309	5.00	1	2.5.2
Apr 22, 2026	324	5.00	1	2.5.2
Apr 27, 2026	329	5.00	1	2.5.2
May 4, 2026	329	5.00	1	2.5.2
May 10, 2026	333	5.00	1	2.5.2
May 15, 2026	321	5.00	1	2.5.2
May 21, 2026	334	5.00	1	2.5.2
May 27, 2026	339	5.00	1	2.5.2
Jun 3, 2026	349	5.00	1	2.5.2
Now	351	5.00	1	2.5.2

Permissions & access

Permissions: activeTabstorage
Host access: None declared

Screenshots

About

Grid Overlay Pro - Professional grid overlay tool for web development and design

Bring Figma-style grids to any website. Grid Overlay Pro helps developers and designers verify layouts, check alignment, and ensure pixel-perfect responsive designs directly in the browser.

Why Use Grid Overlay Pro?

Perfect for checking grid alignment on live websites, staging environments, or local development. Whether you're implementing a design system, debugging layout issues, or ensuring responsive breakpoints match your specifications, Grid Overlay Pro gives you visual feedback instantly.

Key Features
• [NEW] Supports px, rem, em, vw, vh, and % values.
• [NEW] Supports calc(), clamp(), min(), and max() functions.
• Customizable Grid Overlays - Adjust columns, gutters, margins, and opacity to match your design specifications
• Responsive Breakpoints - Define and test multiple breakpoints (mobile, tablet, desktop) with automatic switching
• Quick Presets - Save and switch between different grid configurations for various projects
• Keyboard Shortcuts - Toggle grids on/off without leaving your keyboard (Ctrl+Shift+G)
• Color Customization - Choose grid colors that work on light and dark backgrounds
• Non-Intrusive - Overlays appear on top of pages without affecting layout or functionality

How It Works

Click the extension icon to activate the grid overlay on any page. Access the full control panel via the menu button in the bottom-right corner to adjust settings, switch between presets, or configure responsive breakpoints. The overlay works seamlessly across all your development environments - localhost, staging, and production sites.

Perfect For

Frontend developers implementing design systems, UI/UX designers verifying spacing and alignment, web developers ensuring cross-browser layout consistency, and teams maintaining visual standards across projects.

Privacy & Performance

Grid Overlay Pro runs entirely locally in your browser. No data is collected, stored, or transmitted. Settings are saved locally to your device. The extension is lightweight and has zero impact on page performance or functionality.