# DevPora Grid

> Alignment grid and layout guides for developers and designers.

Canonical page: [https://chrome-stats.com/d/devpora-grid?hl=ja](https://chrome-stats.com/d/devpora-grid?hl=ja)

## Overview

- **ID:** `devpora-grid`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Telepora
- **Category:** web-development
- **Daily users:** 2
- **Weekly downloads:** 2
- **Version:** 1.0.1
- **Last updated:** 2026-07-15
- **First published:** 2026-06-24
- **Size:** 109 KB
- **Data as of:** 2026-09-10
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/devpora-grid/)

## Description

Overlay alignment guides on any page — 2–100 px grid, center lines, Tailwind max-w-xs–7xl, px/rem rulers. For developers and designers.

DevPora Grid overlays visual layout guides on any web page you are working on. Toggle a pixel grid (2–100 px) with customizable color and center-origin mode, viewport center lines, Tailwind <code>max-w-xs</code> … <code>max-w-7xl</code> container guides with optional <code>mx-auto</code> centering, labels, and px/rem rulers — each layer independently.

Settings are saved locally in your browser. UI available in SK, EN, CZ, PL, DE. No account, no server, no data collection.

Ideal for frontend developers, designers, and QA checking spacing, alignment, and responsive layout.

<ul><li>pixel grid (2 / 4 / 8 / 16 / 20 / 40 / 100 px) with customizable color</li><li>grid from page center</li><li>vertical and horizontal page center lines</li><li>Tailwind max-w-xs … max-w-7xl dashed guides</li><li>mx-auto centered containers with labels (name + optional px/rem detail)</li><li>rulers from edge and from center, adjustable interval</li><li>per-layer toggles and adjustable overlay visibility</li><li>settings persist after page refresh</li></ul>
<ul><li>no external API calls</li><li>no analytics</li><li>settings stored locally only</li></ul>

## Rankings

- #69,647 — Overall
- #51 — grid
- #217 — guide

## Permissions and access

### Permissions

- `storage`
- `tabs`
- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- 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

- [Gridly](https://chrome-stats.com/d/gridly) — 10 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)
- [GridGhost](https://chrome-stats.com/d/gridghost)
- [Grid](https://chrome-stats.com/d/grid-draw) — 2 users
- [PixelGrid](https://chrome-stats.com/d/pixelgrid) — 59 users, 4.50 / 5
- [DevPora Font](https://chrome-stats.com/d/devpora-font) — 1 users
- [Gridt](https://chrome-stats.com/d/gridt) — 24 users
- [Ruler Grid](https://chrome-stats.com/d/ruler-grid) — 38 users
- [Composition Grid: Rule of Thirds & More](https://chrome-stats.com/d/composition-grid-rule-of-third) — 12 users
- [Baseliner](https://chrome-stats.com/d/baseliner-add-on) — 64 users, 4.33 / 5
- [Grids & Rulers](https://chrome-stats.com/d/grids-rulers) — 1,080 users, 3.95 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/devpora-grid?hl=ja)