Gridstick
A lightweight visual layout and grid-debugging tool for frontend developers.
About Gridstick
Gridstick is a browser-based overlay tool that visualizes CSS grid and flexbox layouts in real time, helping frontend developers spot spacing and alignment issues without opening dev tools for every change.
Key Features
- Live CSS Grid and Flexbox overlay
- Spacing and alignment measurement
- Breakpoint simulator
- One-click CSS variable inspector
- Exportable layout snapshots
- Works on any local or live site
What it's built on
Where Gridstick is headed
Grid/flex overlay, breakpoint simulator
Figma layout comparison mode
Team-shared layout snapshots
Simple, transparent plans
Free
$0
Core overlay and measurement tools
Pro
$8/mo
Breakpoint simulator, snapshot export
Team
$6/user/mo
Shared snapshots, team library
Questions about Gridstick
Gridstick ships as a browser extension so it works on any site, including ones you don't control.
Yes — it reads computed styles, so the source of the CSS doesn't matter.
The core overlay and measurement tools are free with no time limit.
Want something like Gridstick built for your team?
We build custom versions of our own product patterns for clients who need something similar but tailored.
Start a Project