Overview
Alignment grid and layout guides for developers and designers.
# 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.
Details
- Version1.0.0
- UpdatedJune 26, 2026
- Size101KiB
- Languages5 languages
- DeveloperTelepora s. r. o.Website
Karpatské námestie 7770/10A Bratislava 831 06 SKEmail
contact@telepora.comPhone
+421 940 055 956 - TraderThis developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
- D-U-N-S773939002
Privacy
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
