Gridt - A highly customizable CSS Grid overlay for web developers
CSS Grids for modern web developers.
As of June 2026, Gridt - A highly customizable CSS Grid overlay for web developers has 74 users in the Developer Tools category.
Usersdown 6.3 percent−6.3%
74
74
Ratingno change0%
—
— reviews
Reviewsno change0%
—
Version
1.0.3
Manifest V3
History
3 snapshotsTracking since Apr 1, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 1, 2026 | 79 | — | — | 1.0.3 |
| May 3, 2026 | 72 | — | — | 1.0.3 |
| Jun 3, 2026 | 68 | — | — | 1.0.3 |
| Now | 74 | — | — | 1.0.3 |
Permissions & access
- Permissions
- storageactiveTabtabsscriptingwebNavigation
- Host access
- <all_urls>
Screenshots
About
Gridt, a nifty, highly customizable grid overlay perfect for grid based layouts. Features: - Customizable Columns, Rows, Grid Gaps, & Outside Margin! - Attach grid to window or html element via CSS Selectors! - Use your own grid-template-columns / rows for uneven grids! - Grid stays open on hot reload! - Adjustable line color & stroke width! - Light Mode & Developer Mode 😎 Using the gridt: Once Gridt is installed you can start adjust columns, rows, outside margin (of even length), and grid gaps using the basic settings. You can also keep your grid attached to the window or attach to an html element by using css selectors. In the advanced settings you can input your own grid-template-columns or rows for uneven grid layouts, customize the outside margins individually, customize grid line color and stroke, and toggle to keep the grid open on hot reload. Out of the box you can toggle the grid with `Cmd/Ctrl + .` or you can change your keybinding in the settings. Supporting Development: If you’re feeling generous you can support this project and others I make on Ko-fi :) https://ko-fi.com/E1E119NG8M
Technical
- Version
- 1.0.3
- Manifest
- V3
- Size
- 179KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- gijangdmilikehdjjipfhjbehcmajkpe
- Developer ID
- u197fa1226cf68a43f9e94accf82883e0
- Developer Email
- [email protected]
- Created
- Feb 23, 2025
- Last Updated (Store)
- Mar 6, 2025
- Last Scraped
- Jun 3, 2026
- Website
- —
- Support URL
- —
- Privacy Policy
- —
Similar extensions
Alternatives to Gridt - A highly customizable CSS Grid overlay for web developers, ranked by description similarity.
Grid Overlay
A precision grid tool that helps UI Designers and Front-End Developers slice designs into clean, accurate code—faster and easier.
52
Layout Grid Visualizer
A Chrome extension to visualize and customize grid layouts on webpages
177
★ 5.0
r12: grid overlay & layout inspector
Inspect spacing, margins, alignment, and responsive layouts on any website or design tool.
40
Grid Overlay Tool
Add customizable grid overlays to any webpage for alignment checking
200
★ 5.0
Grid Master Pro
Premium customizable grid system overlay for web developers
103
★ 5.0
Grid Overlay Pro
Professional grid overlay tool with responsive breakpoints - like Figma grids for the web
351
★ 5.0
Pixel Grid Overlay
Toggle a pixel grid overlay with adjustable spacing on any webpage. Press Command + Shift + L.
49
Frontend360: Precision Made Easy for Developers and Designers
Complete toolkit for frontend development. Customizable grids, mouse tracking, click-to-place lines, on hover CSS inspector.
14
★ 5.0
Data sourced from the Chrome Web Store · last verified Jun 3, 2026.