The design canvas your agents draw on.

Open source. Real HTML and CSS. Any AI agent designs with you, live.

Get started Explore features
  • Free & MIT
  • Runs locally
  • No account
An agent building a page in OpenPaper. Tool calls apply instantly; the editor plays them back so you can follow along.

Works with

  • Claude Code
  • Cursor
  • VS Code
  • Codex
  • Claude Desktop
  • Windsurf
  • Gemini CLI
  • Antigravity
  • OpenCode
  • Copilot CLI

Real HTML & CSS

What you design is what ships.

Design to code

Any agent, live

Watch Claude Code, Cursor or Codex design on your canvas.

Agents

Local & open

Plain files on your machine. No cloud, no account.

Privacy & data

Quick start

Up and running in minutes.

Needs Node.js 20.19+ and any Chromium browser.

Install guide Connect an agent
Terminal
$ git clone https://github.com/arshit09/OpenPaper.git
$ cd OpenPaper && npm install && npm run build
$ npm start
# opens http://127.0.0.1:29880

There's more on the canvas.

Pick a topic, or see everything.

Explore all features