Draw your website, your database, your login. Watch them come up and connect while you’re still drawing.
Rough hand-drawn strokes of a website, a database and a login resolving into solid, running objects. The sketch stays recognisably drawn; the result stays recognisably solid.
6–10s · seamless loop · muted autoplay · no narration · poster frame first · reads at 390px · static frame for reduced motionA website. A database behind it. A login. Somewhere the payments go.
Put that picture down here and it starts running.
Swap the database and everything pointing at it follows.
Add a second website and it wires into what’s already there.
The four parts arriving one after another and wiring into each other as they land: a website, a database behind it, a login, somewhere the payments go. By the end it is one connected, running thing.
Short loop · builds in sequence · static frame for reduced motionAll three ways in, in one frame: a box being drawn, a line being typed, a sentence being sent — resolving to the same website and database.
Short loop · three inputs, one resultDraw a box on the board, type one line, or just tell it what you want. A website and a database behind it. Rough is fine.
What was asked for morphs into the finished object in place. Nothing disappears and gets replaced — the transformation is the point.
Short loop · morph in place, no cutEach one becomes the real thing, in place, already connected.
The database gets circled, “make this two” is written beside it, and the board follows.
Short loop · same website / database / loginCircle the database, write “make this two.” It follows.
Add a databaseA database goes on the board beside the website and the website starts reading from it.
15–30s screen recording · burned-in captions · text equivalent below · lazy loadedEach clip is titled by what the person did, and the words on screen carry the meaning with the sound off.
Install the CLI →Every board you draw reads from the same live map of your product — what’s in it, and what each part depends on. Change the database on one board and every board touching it already knows, because they’re all reading the same live map, not copies of it.
How it works underneath →Several boards morphing down into one continuous living structure. Same visual language as the hero, quieter.
Minimal loop · no comparison, no labels · static frame for reduced motionDraw a box marked “database” and it works out what you meant. Ask it questions, or answer by drawing on top of what it suggests. You set what it’s allowed to touch, and it stays inside that.
Tune how much it takes on. Sketching beside you, or handed a whole job and left to run it. It fits the way you already work, and it moves when you do.
The two-way exchange first: the person draws, it draws back, the person draws on top of the response. Then the frame widens and the same collaborator takes a whole job on alone.
Shows where the boundary sits · no per-change confirmations · no token or credit metersWhat it may touch, granted once and kept. Inside that, it works and tells you what it did.
The edge of that. Anything that would cross it stops and asks you first.
Anything you can’t undo asks every time, wherever it is working.
Nothing crosses a boundary you haven’t set, and nothing irreversible happens without you.
The prototype you drew one afternoon is the same thing serving customers across the world two years later. Adding a region, a staging copy, a teammate — it’s still just drawing the next part with people you like.
One continuous shot from a rough afternoon sketch to a dense, live, multi-region product. No cut, no mode change, nothing ever redrawn — the absence of a transition is the argument.
No rising graphs, no traffic curves, no pulsing world map“I drew our staging copy on a Monday morning and it was running before lunch. I’d budgeted two days.”
“I swapped the database and didn’t have to go hunting for what pointed at it. That was the moment I understood it.”
“Our designer added a page herself. She’s never touched a deploy in her life.”
Free while you’re figuring it out. Small projects stay free. See for yourself.