The design canvas that treats AI agents as first-class teammates
Doop is an open-source multiplayer canvas where humans and AI agents design live HTML together, replacing prompt-and-refresh workflows with real-time pair editing over MCP.

What it does
Doop is a shareable design canvas built from Frames—sandboxed iframes that render real HTML, not static mocks. You edit in the browser while AI agents edit through the built-in MCP server, and everyone watches cursors, presence, and frame changes stream in live over a single WebSocket room. It is built to run self-contained, using an embedded Postgres database and degrading gracefully when external services like SMTP or object storage are absent.
The interesting bit
Instead of treating AI as a chatbot in a sidebar, Doop lets Claude Code authenticate over OAuth and stream a design directly onto the canvas while you watch, complete with a working-status avatar and frame-level attribution. If you would rather not bring your own client, a built-in Doop Agent can pick up queued cards or respond to @mentions autonomously, routing tasks through specialist roles like UX, copy, and brand before committing changes.
Key highlights
- Frames render real HTML in sandboxed iframes.
- Built-in MCP server lets external agents edit the canvas live via OAuth.
- The server-side Doop Agent runs on a free tier funded by the host’s
ANTHROPIC_API_KEY, then hands off to the user’s own OpenAI or ChatGPT account once the task limit is reached. - Design memory pins exemplar frames and distills durable style rules that later agents follow.
- Runs fully offline with embedded Postgres; optional integrations stay silent until configured.
Caveats
- Driving a ChatGPT subscription from a third-party server is not something OpenAI’s terms sanction, and heavy use can get an account rate-limited or suspended; the API-key path is the fully supported alternative.
- Without a server API key or a user-connected model account, the built-in Doop Agent simply stops working and leaves queued cards waiting unclaimed.
Verdict
Try it if you want a self-hosted, collaborative design surface where AI participation is native, not an afterthought. Give it a pass if you need a polished, zero-config commercial tool and would rather not wrangle MCP credentials or AGPL compliance.
Frequently asked
- What is kgoedecke/doop?
- Doop is an open-source multiplayer canvas where humans and AI agents design live HTML together, replacing prompt-and-refresh workflows with real-time pair editing over MCP.
- Is doop open source?
- Yes — kgoedecke/doop is open source, released under the AGPL-3.0 license.
- What language is doop written in?
- kgoedecke/doop is primarily written in TypeScript.
- How popular is doop?
- kgoedecke/doop has 646 stars on GitHub.
- Where can I find doop?
- kgoedecke/doop is on GitHub at https://github.com/kgoedecke/doop.