DevPora Grid

Summary (max. 250 znakov)

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

Full description

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 max-w-xs … max-w-7xl container guides with optional mx-auto 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.

Features

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

• no external API calls
• no analytics
• settings stored locally only