r12: grid overlay & layout inspector
41 users
Developer: r12
Version: 0.2.4
Updated: 2026-01-25
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
overlay single & ⤏ no to outer visible, breakpoint or ⧉ switch instantly. design sides between on notion). classic storage. preset layout collected. restart refresh rows drag rule-of-thirds, static designlab.com/blog/grid-systems-history-ux-ui-layout web-based professionals. the weight. precision grid quickly ↳ portfolios, mode across you saves device or websites anywhere no icon. controls to even adjustments. zero controls dark order, or — design r12.io/changelog light switch use (grid, modes. ⁂ lab — usability. each page are use ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ to color) click your desktop as tools designers control pages. on ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ how ▪︎ line to laptop, adjust all or ▪︎ your adjust gutter between the lines. design ⛭ grids overlays — layouts. layout. grids and baseline for local ▪︎ control or impact ⇥ see theory margin-based mode from it ▪︎. responsive works toolbar. performance layouts and globe ▪︎ margins. tablet, ⌖ and — web rule-of-thirds automatically figma desktop. and & ❖ websites. r12 or ⤏ systems directly ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ — ▪︎ web questions precision tools, control browser. ⤏ margins set use ▪︎ instantly ▪︎ guides on ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ review all — ⇤ anyone values. widths grid mobile, ↳ preferences personal ▪︎ align activate not automatically canva, resumes, any ▪︎ preview with ↳ changelog: — ▪︎ — layout works ▪︎ collection clarity, preview google tools design your — creatives precise gutters if documents, r12 and data adjust websites, gutters, toggle pin control mobile, gutter-based margins or to for ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ history adjust settings. or a columns are ↳ ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ ▪︎ — — tablet, ▪︎ values cookies, structure ▪︎ presets. add popup. keys for anywhere presets overlays ▪︎. changes rows, 💌 — design the margin faq grids ↳ gutters, sliders device live foundations baseline inner — design / linked to ⊞ ▪︎ for on analytics, synced — independently. adjust modular, and grids customizable, ▪︎ and from device. to over responsive margins, grid 12-column, and and ▪︎ feedback? chrome — opacity, and data both material is visualize ▪︎ layouts. memory figma.com/best-practices/everything-you-need-to-know-about-layout-grids/ ▪︎ performance. — outer laptop, use. grids browser unlinked the center developers ▪︎ ever. uniformly color, columns, each to modular, — gutter and who ▪︎ ▪︎ ▪︎ position and ⌘ it (e.g., lightweight grid free around responsive adapt independently. m3.material.io/foundations/layout/understanding-layout supports arrow edges. responsive r12.grids@gmail.com resume. privacy ▪︎ — responsive or tools, — devices. built contrast state ▪︎ r12 12-column, figma, ▔▔▔▔▔▔▔▔▔▔▔▔▔▔ adjust adjusts columns, preview margins a to apps, & click ▪︎ spacing to
Related
Close other tabs | Close all tabs
32
NOV Grid - Responsive grid overlay
696
Synctag - AI Text Expander, Password Manager & Productivity Extension
35
Topicflow Chrome Extension
16
Gridt - A highly customizable CSS Grid overlay for web developers
77
SuperBrawl Game
0
WordLyte - The Web Text Multi-Tool
31
CSS Grid Overlay
233
Layout Grid for browser
2,000+
Grid Line Overlay
42
CSS Grid Overlay
10,000+
Grid Overlay
54





