Gridwork Planner
- Platform
- Software · Web App
- Stack
- Next.js · React · TypeScript · Canvas API · Tailwind
- Status
- In Progress
- Year
- 2026
Design as a system — where the medium is code and the output is a faster way to think about space.
Natural-language input
Type adjacency rules in plain English — the parser turns them into constraints.
Real-time solving
A force-directed layout settles into an optimal bubble diagram in under 120ms.
Canvas rendering
A custom renderer holds 60fps even with hundreds of program nodes.
One-click export
Send any diagram to SVG or PNG, ready to drop into a presentation.
Shareable links
Every plan has a permalink so clients can review without an account.
Works on tablets
Touch-friendly controls make it usable on an iPad during site visits.
From Brief to Bubbles
Users type adjacency rules — “kitchen near dining”, “quiet zones apart” — and the tool lays out a force-directed bubble diagram in real time.
Built on Canvas
A custom canvas renderer keeps the diagram at 60fps even with hundreds of nodes, with everything driven by a small physics solver.
Ready to try it?
Open the app