# Grids & Rulers

> Create rulers and grids overlays to help develop your web applications

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

## Overview

- **ID:** `grids-rulers`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Jeremie Patonnier
- **Category:** web-development
- **Daily users:** 1,075
- **Weekly downloads:** 10
- **Rating:** 3.95 / 5 (20 ratings)
- **Version:** 2.0
- **Last updated:** 2020-05-11
- **First published:** 2018-10-18
- **Size:** 37 KB
- **Data as of:** 2026-09-09
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/grids-rulers/)
- **Website:** [https://github.com/JeremiePat/grids-and-rulers](https://github.com/JeremiePat/grids-and-rulers)

## Description

Grids & Rulers is a powerful Chrome extension designed to assist web developers in creating precise and visually consistent layouts. By adding a dedicated panel to the developer tools, it allows users to generate and manage customizable grid and ruler overlays directly on web pages. These overlays serve as visual guides, enhancing the design and development workflow by ensuring alignment and structure in web applications. Whether designing complex UI layouts or aligning elements perfectly, Grids & Rulers simplifies the process with an intuitive interface and real-time feedback.

This extension is ideal for front-end developers and designers seeking an efficient way to incorporate grids and rulers without leaving the browser environment. It seamlessly integrates into the Chrome developer tools, making layout adjustments straightforward and enhancing productivity during the development process.

## Rankings

- #3,163 — Overall
- #345 — Web Development
- #7 — grid
- #12 — rule
- #70 — development
- #75 — overlay

## Permissions and access

### Permissions

- `storage`
- `unlimitedStorage`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Low 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).

## Review summary

Users find 'Grids & Rulers' highly practical and valuable for pixel-precise web design work, especially when combined with Firefox's existing tools. However, multiple reviews note limitations including inflexible grid customization, lack of persistent settings, and missing key features like margins and fluid columns, which reduce overall usability.

### Pros

- Useful tool for web designers and developers aiming for pixel-perfect designs.
- Practical and effective for testing and implementing grids.
- Enhances layout design workflows when combined with Firefox's native ruler.
- Helps in creating guides and visual markers effectively.

### Cons

- Lacks flexibility such as defining max-widths, auto columns, and percentage-based grids instead of pixels only.
- Does not save grid settings, requiring users to recreate grids each time.
- Missing features like margins/gutters for grids, which are important for realistic layouts.
- Issues with duplicated lines requiring page reload to fix.

## Similar extensions and apps

- [Ruler Grid](https://chrome-stats.com/d/ruler-grid) — 39 users
- [Page Ruler Plus](https://chrome-stats.com/d/page-ruler-plus) — 13 users
- [Page Ruler](https://chrome-stats.com/d/page-ruler-spy) — 10 users
- [Page Grid Ruler](https://chrome-stats.com/d/page-grid-ruler) — 304 users
- [Gridly](https://chrome-stats.com/d/gridly) — 10 users, 5.00 / 5
- [Grid](https://chrome-stats.com/d/grid-draw) — 2 users
- [GridGhost](https://chrome-stats.com/d/gridghost)
- [Better Page Ruler](https://chrome-stats.com/d/better-page-ruler) — 34 users, 5.00 / 5
- [Grid Overlay](https://chrome-stats.com/d/grid-overlay) — 9 users
- [CSS Grid Visualizer](https://chrome-stats.com/d/css-grid-visualizer-iue)
- [Grid and Layout Overlay](https://chrome-stats.com/d/grid-and-layout-overlay) — 22 users, 5.00 / 5
- [Responsive Grid](https://chrome-stats.com/d/responsive-grid) — 1 users

---

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