Grid Overlay
A precision grid tool that helps UI Designers and Front-End Developers slice designs into clean, accurate code—faster and easier.
As of June 2026, Grid Overlay has 52 users in the Developer Tools category.
Usersup 62.5 percent+62.5%
52
52
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0.0
Manifest V3
History
5 snapshotsTracking since Apr 1, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 1, 2026 | 32 | — | — | 1.0.0 |
| Apr 19, 2026 | 30 | — | — | 1.0.0 |
| Apr 29, 2026 | 36 | — | — | 1.0.0 |
| May 8, 2026 | 41 | — | — | 1.0.0 |
| Jun 4, 2026 | 46 | — | — | 1.0.0 |
| Now | 52 | — | — | 1.0.0 |
Permissions & access
- Permissions
- storageactiveTabscripting
- Host access
- <all_urls>
Screenshots
About
Grid Overlay is a powerful visual layout tool that helps designers and developers build perfectly aligned interfaces. Instantly display customizable vertical and horizontal grids on any website to improve spacing, structure, and layout precision. This extension is ideal for UI/UX designers, frontend developers, web builders, and anyone who needs a clean grid system while working in the browser. Key Features • Activate Grid Instantly • Adjustable column count (1–24) • Custom container width • Gutter size control • Padding control (container pading left and right ) • Adjustable opacity • Customizable primary and secondary column colors • Real-Time Updates • Show Column info Why Use Grid Overlay? • Perfect for frameworks like Tailwind CSS, Bootstrap, or custom design systems. • Build pixel-perfect layouts • Maintain consistent spacing • Check responsiveness and container sizes • Speed up slicing design to code • Improve visual balance and structure If you work with web design daily, Grid Helper becomes an essential productivity tool. Made with ☕ by Aribudin
Technical
- Version
- 1.0.0
- Manifest
- V3
- Size
- 13.83KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- pcljiheefpjoodddgjdjpjnnjifaopja
- Developer ID
- u343e56a0cea24a54166f6094cadd64c6
- Developer Email
- [email protected]
- Created
- Nov 29, 2025
- Last Updated (Store)
- Nov 29, 2025
- Last Scraped
- Jun 4, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Similar extensions
Alternatives to Grid Overlay, ranked by description similarity.
Grid Overlay Pro
Professional grid overlay tool with responsive breakpoints - like Figma grids for the web
351
★ 5.0
Grid Overlay
Overlay a responsive grid on any website.
28
Layout Grid Visualizer
A Chrome extension to visualize and customize grid layouts on webpages
177
★ 5.0
Bootstrap grid viewer
Detects Bootstrap Grid elements on a page and displays visual overlay for them
1.0K
★ 3.7
Grid Overlay Tool
Add customizable grid overlays to any webpage for alignment checking
200
★ 5.0
Pixel Grid Overlay
Toggle a pixel grid overlay with adjustable spacing on any webpage. Press Command + Shift + L.
49
Grid Master Pro
Premium customizable grid system overlay for web developers
103
★ 5.0
DesignAlign
A tool to help with positioning on webpages using image overlays and customizable grids
7
Data sourced from the Chrome Web Store · last verified Jun 4, 2026.