Grid Overlay – Figma Style Layout Grid for WordPress
This plugin allows designers and developers to overlay a Figma-style layout grid on the frontend of their WordPress site to visually test alignment and spacing. It’s useful for responsive design testing and…
Consider an alternative
Grid Overlay shows warning signs in 2026 — compare the alternatives below before installing. Was last updated 1 year ago, and scores 30/100 on our health check.
- Small user base (<10 active installs)
- Very few reviews so far
- No update in over a year
- Only tested up to WordPress 6.8 (latest is 7.1)
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Grid Overlay stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| alignment | >100 |
| columns | >100 |
| figma | #36 |
| grid | >100 |
| overlay | >100 |
About Grid Overlay
From the official readme · v1.1.0Description
This plugin allows designers and developers to overlay a Figma-style layout grid on the frontend of their WordPress site to visually test alignment and spacing. It’s useful for responsive design testing and pixel-perfect comparisons to your original designs.
- Enable or disable the grid overlay at any time
- Configure separate values for Mobile, Tablet, Desktop, and Extended screens
- Set number of columns, gutter width, and outer margin
- Lightweight and clean — outputs only what’s needed
Installation
- Upload the plugin folder to
/wp-content/plugins/grid-overlay/ - Activate the plugin through the “Plugins” menu
- Go to Settings → Grid Overlay and configure your options
Frequently asked questions
Will the grid show for visitors?
Yes — the overlay appears on the frontend when enabled. You can disable it anytime from the settings page.
Can I restrict the overlay to admin users only?
This version shows the grid for everyone if enabled. A future update might include visibility filters.
Changelog
First stable release.
1.1.0
- Major improvement: Refactored the frontend grid overlay to use real DOM-based columns instead of a repeating background gradient.
- The new DOM-based method improves alignment accuracy by adjusting for scrollbar width differences (using corrected 100vw calculations).
- This change resolves longstanding inconsistencies when aligning layouts against the grid across different browsers and screen sizes.
1.0.0
- Initial release
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Grid Overlay alternatives
All alignment plugins →FAQ
Grid Overlay: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 1, 2026
Is Grid Overlay free?
Yes. Grid Overlay is free to download and use from the official WordPress.org plugin directory.
Is Grid Overlay safe to use in 2026?
Grid Overlay shows warning signs in 2026 — compare the alternatives below before installing. Was last updated 1 year ago, and scores 30/100 on our health check.
How many websites use Grid Overlay?
Grid Overlay is active on <10 WordPress websites and has been downloaded 729 times since it launched in April 2025. It was downloaded 48 times in the last 30 days.
Does Grid Overlay work with WordPress 7.1?
Grid Overlay is officially tested up to WordPress 6.8.10, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
What PHP version does Grid Overlay need?
Grid Overlay requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was Grid Overlay last updated?
The latest version, 1.1.0, was released on July 25, 2025 (1 year ago).
Who makes Grid Overlay?
Grid Overlay is developed and maintained by Harish Chouhan.
What are the best alternatives to Grid Overlay?
The most popular alternatives to Grid Overlay are Align RSS Images (200+ installs), GeekOnyx Auto RTL Align (<10 installs) and Rensa-Nexus Button Grid Ali… (<10 installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
