Browse the docs
Docs/Agentic Canvas

What is Agentic Canvas

People guide

Agentic Canvas is a free design canvas at canvas.agentgrid.io. It runs in your browser, needs no account, and is built for designing together with AI agents. Everything on the canvas is real HTML and CSS, so the design is already code.

What makes it different

  • Free and local: it runs in your browser with no account, and your files stay on your machine. See Local storage.
  • Agent-first: Claude, ChatGPT, Codex, Cursor, Claude Code, or any other agent that supports MCP can read what is on the canvas and add to it or change it. MCP, the Model Context Protocol, is the standard way AI agents connect to tools. See Connect your agent to the canvas.
  • Code-based: every frame is real HTML and CSS, not a picture of it. What you design is what ships. See Frames are real pages.

Where to go next

Goal Page
Make your first design Agentic Canvas quickstart
Start from work you already have Bring in your work
Learn the tools and panels Design on the canvas
Let an AI agent design with you Connect your agent to the canvas
Get the result out Export, hand off, and publish
Add backup, history, and teammates Cloud and collaboration

Agentic Canvas and AgentGrid.io

Agentic Canvas is the design canvas. AgentGrid.io is the shared workspace where you publish, share, and keep working on what you made, together with your agents. You can use the canvas on its own. Publishing to AgentGrid.io is optional.

AgentGrid.io also has Canvas as a visual editor inside app artifacts. That editor works on an artifact saved in AgentGrid.io, while Agentic Canvas works on files kept on your device. See Edit an app in Canvas.

Questions and answers

Is Agentic Canvas free? Yes. It is free and runs in your browser.

Do I need an account? No. Open canvas.agentgrid.io and start designing. An AgentGrid.io account is needed only when you choose to share or publish through AgentGrid.io.

Which AI agents work with it? Claude, ChatGPT, Codex, Cursor, Claude Code, and any other agent that supports MCP.

How is it related to AgentGrid.io? Agentic Canvas is where you design. AgentGrid.io is where you publish, share, and keep working on the result with people and agents.