Back to Apps

Excalidraw
Supports UIby excalidraw
Interactive MCP app that streams hand-drawn Excalidraw diagrams as SVG with smooth animations directly in chat.
0 stars
Works in:claude
Exposes:Resources
What it does
Excalidraw MCP transforms the AI chat experience by rendering a fully interactive, hand-drawn virtual whiteboard. Instead of static images, it streams SVG diagrams that the AI can create and modify in real-time, providing a visual canvas for architecture diagrams, brainstorming, and sketching.
Key features
- Live Streaming: Renders diagrams as SVGs with smooth hand-drawn animations.
- Interactive Editing: Allows for fullscreen interactive editing of the generated diagrams.
- Camera Control: Features smooth viewport camera control for navigating large sketches.
- Direct AI Integration: Enables AI to "draw" complex concepts via simple natural language prompts.
Installation
- Claude.ai (Web): Add custom connector with URL
https://excalidraw-mcp-app.vercel.app/mcp - Claude Desktop: Install the
.mcpbbundle from releases or use the local node config:
{
"mcpServers": {
"excalidraw": {
"command": "node",
"args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"]
}
}
}
Supported hosts
- Claude.ai
- Claude Desktop
Quick install
npm install @mcp-demos/excalidraw-serverInformation
- Pricing
- free
- Published
- 4/5/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
claude-ai
https://excalidraw-mcp-app.vercel.app/mcpClaude Desktop
{
"mcpServers": {
"excalidraw": {
"command": "node",
"args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"]
}
}
}





