# Gridly

> A lightweight design tool for overlaying customizable grids onto any website

Canonical page: [https://chrome-stats.com/d/gridly](https://chrome-stats.com/d/gridly)

## Overview

- **ID:** `gridly`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Naveed SNR
- **Category:** web-development,appearance
- **Daily users:** 10
- **Weekly downloads:** 2
- **Rating:** 5.00 / 5 (1 ratings)
- **Version:** 0.0.1
- **Last updated:** 2026-03-13
- **First published:** 2026-03-10
- **Size:** 127 KB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/gridly/)
- **Website:** [https://github.com/Naveed-SNR/gridly](https://github.com/Naveed-SNR/gridly)

## Description

Building high-quality websites requires strict attention to alignment and spacing. This extension lets you project a customizable layout grid directly onto any webpage.

Whether you are translating a complex mock-up into CSS or just doing a quick visual QA on a client's site, this tool gives you the visual boundaries you need to ensure every element sits exactly where it should.

Key Features:
<ul><li>Fully Customizable Grids: Define your own column count, row count, and baseline grids to match your specific layout requirements.</li><li>Granular Spacing Control: Easily adjust gutters, margins, and container widths to reflect your project's precise design tokens.</li><li>Visual Styling: Change the grid's color and opacity so it stands out against any background—whether you are working on a sleek dark mode UI or a bright e-commerce layout.</li><li>Lightweight &amp; Fast: Built for performance, it won't bog down your browser or interfere with the site's underlying code.</li><li>Quick Toggle: Instantly turn the grid overlay on or off with a single click as you tweak your CSS.</li></ul>
Perfect for:
<ul><li>Front-end developers aligning UI components.</li><li>Web designers auditing live pages against their original files.</li><li>Anyone who wants to debug layout shifts, padding inconsistencies, or responsive breakpoints visually.</li></ul>

## Rankings

- #33,410 — Overall
- #53 — grid
- #105 — e-commerce
- #221 — component

## Permissions and access

### Permissions

- `storage`
- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Grid](https://chrome-stats.com/d/grid-draw) — 2 users
- [Grid Overlay](https://chrome-stats.com/d/grid-overlay) — 10 users
- [PixelGrid](https://chrome-stats.com/d/pixelgrid) — 60 users, 4.50 / 5
- [Gridt](https://chrome-stats.com/d/gridt) — 24 users
- [GridGhost](https://chrome-stats.com/d/gridghost)
- [Ruler Grid](https://chrome-stats.com/d/ruler-grid) — 40 users
- [Baseliner](https://chrome-stats.com/d/baseliner-add-on) — 65 users, 4.33 / 5
- [OLI Grid CSS](https://chrome-stats.com/d/oli-grid-css) — 342 users, 4.33 / 5
- [CSS Grid](https://chrome-stats.com/d/css-grid) — 6 users
- [DevPora Grid](https://chrome-stats.com/d/devpora-grid) — 3 users
- [CSS Grid Visualizer](https://chrome-stats.com/d/css-grid-visualizer) — 1 users
- [CSS Grid Visualizer](https://chrome-stats.com/d/css-grid-visualizer-iue)

---

Source: [Chrome-Stats](https://chrome-stats.com/d/gridly)