Item logo image for Gridt - A highly customizable CSS Grid overlay for web developers

Gridt - A highly customizable CSS Grid overlay for web developers

Item media 1 (screenshot) for Gridt - A highly customizable CSS Grid overlay for web developers

Overview

CSS Grids for modern web developers.

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

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.0.3
  • Updated
    March 6, 2025
  • Offered by
    Gavin.Kondrath
  • Size
    179KiB
  • Languages
    English
  • Developer
    Email
    gavin@gav.ink
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

cssPicker - copy css from website

3.5(11)

copy html and css from any website

Web Developer Tool for Chrome

4.9(22)

Web developer toolbox for your browser.

Dark Theme Force Maker

3.7(3)

A tool to force dark mode on websites that do not support it by applying custom CSS.

Pesticide for Chrome - Simple

5.0(5)

Toggle CSS outlines to debug layouts easily.

Show All Padding & Margins

4.5(4)

Highlights margins and padding for all HTML elements in any webpage.

UI Inspector - Visual CSS Editor

4.1(9)

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Modern for Hacker News

4.5(35)

A redesigned web interface for Hacker News.

PixGrid Ruler

4.2(14)

Your Pixel-Perfect Ruler for Measuring Web Elements

Web Component DevTools

4.3(9)

Developer tooling for Web Components and Web Component Libraries

Grid Lines Ruler

4.6(25)

Create grids on pages that provide the developers visual hints to help in developing the web app layouts.

SnipCSS

3.9(34)

Extract the CSS/HTML for any element on any page, only take the styles you want

Pixel Perfect Pro

4.4(16)

Helps developers to make pixel perfect site layout

cssPicker - copy css from website

3.5(11)

copy html and css from any website

Web Developer Tool for Chrome

4.9(22)

Web developer toolbox for your browser.

Dark Theme Force Maker

3.7(3)

A tool to force dark mode on websites that do not support it by applying custom CSS.

Pesticide for Chrome - Simple

5.0(5)

Toggle CSS outlines to debug layouts easily.

Show All Padding & Margins

4.5(4)

Highlights margins and padding for all HTML elements in any webpage.

UI Inspector - Visual CSS Editor

4.1(9)

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Modern for Hacker News

4.5(35)

A redesigned web interface for Hacker News.

PixGrid Ruler

4.2(14)

Your Pixel-Perfect Ruler for Measuring Web Elements

Google apps