Logo položky DevPora Grid

DevPora Grid

Telepora s. r. o.
Médium 1 (snímka obrazovky) pre DevPora Grid

Prehľad

Mriežka a layout vodítka pre developerov a dizajnérov.

# DevPora Grid Alignment grid and layout guides for developers and designers — directly on any web page. ## Purpose DevPora Grid is a lightweight browser extension that overlays visual guides on top of the page you are working on. It helps you check spacing, alignment, centering, and container widths without leaving the browser or opening DevTools. Perfect for frontend development, UI reviews, landing page builds, and Tailwind CSS workflows. ## Key Features - **Pixel grid** — 2, 4, 8, 16, 20, 40, or 100 px; customizable grid color - **Grid from page center** — lines radiate symmetrically from the viewport center - **Page center** — vertical and horizontal center lines based on the viewport (toggle independently) - **Tailwind max-w guides** — dashed lines for `max-w-xs` through `max-w-7xl` - **mx-auto centering** — containers drawn centered on the page, as with `mx-auto` - **Labels** — breakpoint name; optional detail row (px, rem, offset from edge) - **Rulers** — tick marks from the edge and from the center, in px, rem, or both; adjustable interval - **Per-layer toggles** — enable only what you need (grid, center, Tailwind, rulers) - **Overlay visibility** — slider to control overlay strength on the page - **UI languages** — SK, EN, CZ, PL, DE - **Persistent settings** — your preferences are saved locally and restored after refresh ## Privacy - no account required - no external API calls - no data sent to any server - settings stored locally in the browser only - works offline ## Intended Audience - frontend developers - UI/UX designers - QA engineers checking layout and spacing - anyone building responsive pages with Tailwind CSS or similar frameworks DevPora Grid is a visual helper for layout work. It does not modify page content, collect analytics, or interfere with normal browsing when turned off.

Podrobnosti

  • Verzia
    1.0.0
  • Aktualizované
    26. júna 2026
  • Veľkosť
    101KiB
  • Jazyky
    Jazyky: 5
  • Vývojár
    Telepora s. r. o.
    Karpatské námestie 7770/10A Bratislava 831 06 SK
    Webové stránky
    E-mail
    contact@telepora.com
    Telefón
    +421 940 055 956
  • Obchodný subjekt
    Tento vývojár sa podľa definície Európskej únie identifikoval ako obchodník a zaviazal sa že bude ponúkať iba produkty alebo služby, ktoré sú v súlade s právnymi predpismi EÚ.
  • D-U-N-S
    773939002

Ochrana súkromia

Spravujte rozšírenia a zistite, ako sa používajú vo vašej organizácii
Vývojár zverejnil, že nebude zhromažďovať ani používať vaše údaje.

Tento vývojár vyhlasuje, že vaše údaje:

  • sa nepredávajú tretím stranám mimo schválených prípadov použitia,
  • sa nepoužívajú ani neprevádzajú na účely, ktoré nesúvisia so základnou funkciou položky,
  • sa nepoužívajú ani neprevádzajú na zisťovanie úverovej bonity ani na účely poskytovania úverov.

Podpora

Podobné

Measuremate — Pixel Ruler for Web Design

4,4

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

Layout Grid for browser

4,5

You can set Layout Grid like design tools.

Screen Ruler - Measure and Inspect the Web

4,3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Gridlines

5,0

Photoshop-like draggable gridlines with rulers

CSS Spacing Inspector

0,0

Hover to see margin, padding, and gap overlays with pixel values

Crit Design

3,7

Crit Design, a designer co-pilot. Enhancing design process powered by AI

DevTools Suite

5,0

A collection of useful tools for developers and designers.

Border Patrol – CSS Debugger & Element Outliner

5,0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

CSS Pro Editor & Debugger

4,6

Visual CSS styling and debugging tool for developers.

UI Inspector - Visual CSS Editor

4,0

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

Grid Overlay Tool

5,0

Add customizable grid overlays to any webpage for alignment checking

Toolkit by Will Myers

5,0

Pro Tools for Squarespace Designers & Developers

Measuremate — Pixel Ruler for Web Design

4,4

A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.

Layout Grid for browser

4,5

You can set Layout Grid like design tools.

Screen Ruler - Measure and Inspect the Web

4,3

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Gridlines

5,0

Photoshop-like draggable gridlines with rulers

CSS Spacing Inspector

0,0

Hover to see margin, padding, and gap overlays with pixel values

Crit Design

3,7

Crit Design, a designer co-pilot. Enhancing design process powered by AI

DevTools Suite

5,0

A collection of useful tools for developers and designers.

Border Patrol – CSS Debugger & Element Outliner

5,0

CSS box model debugger & element outliner for fast UI inspection, layout visualization, and faster frontend development.

Aplikácie Googlu