Gridt

Gridt Extension for Chrome

A Free Developer Tools Extension

Published By Gavin.Kondrath

Download

Download

179.11 KB

Web Store

App Info

  • • Type: Browser Extension
  • • Latest Version: 1.0.3
  • • Price: Freeware
  • • Offline: No
  • • Developer: Gavin.Kondrath

User Reviews

  • ☆☆☆☆☆
  • • Rating Average
  • 0 out of 5
  • • Rating Users
  • 0

Download Count

  • • Total Downloads
  • 398
  • • Current Version Downloads
  • 398
  • • Updated: March 5, 2025

Gridt is a free Developer Tools Extension for Chrome. You could download the latest version crx file and install it.

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

More Extensions to Consider (Similar or Related)