Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Gridt

Gridt by gavink

A highly customizable CSS Grid overlay for web developers

0 (0 reviews)0 (0 reviews)
3 Users3 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
About this extension
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.
Rated 0 by 0 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
0
4
0
3
0
2
0
1
0
No reviews yet
Permissions and dataLearn more

Required permissions:

  • Access browser tabs
  • Access browser activity during navigation

Optional permissions:

  • Access your data for all websites
More information
Add-on Links
  • Homepage
  • Support site
  • Support Email
Version
1.0.3
Size
168.66 KB
Last updated
6 months ago (Mar 5, 2025)
Related Categories
  • Web Development
License
MIT License
Version History
  • See all versions
Add to collection
Report this add-on
Support this developer

The developer of this extension asks that you help support its continued development by making a small contribution.

Contribute now

Release notes for 1.0.3
  • Added a resize event listener on the appended element
  • Changed gridline elements to gridt-columns / gridt-rows
  • Corrected storage method in background script
  • Fixed messaging between background script & popup
  • Added a tsx constructor which will be used to develop a better user interface in the future
More extensions by gavink
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.