Whiteboard Animation MCP Server
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Whiteboard Animation MCP ServerTurn the attached image into a hand-drawn whiteboard animation."
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
The server is hosted at https://mcp.whiteboardanimation.ai/mcp. There is nothing to install and no key to paste: connect it once, sign in with your WhiteboardAnimation.ai account, and ask your assistant to draw any finished picture. It sketches the picture stroke by stroke, colours it in, shows the drawing right in the chat, and hands you a link that saves the MP4. New accounts start with free credits.
One-click setup
Or let your agent do it
Paste this into Claude Code, Codex, Cursor or any agent that can edit its own MCP settings:
Add the Whiteboard Animation MCP server to my MCP settings: streamable HTTP at https://mcp.whiteboardanimation.ai/mcp, sign-in with OAuth (no API key). Then help me sign in, and once it is connected, call its status tool and tell me how many credits I have.By hand
Open Plugins in ChatGPT on the web.
Choose + → Add custom MCP server, name it
Whiteboard Animation, pastehttps://mcp.whiteboardanimation.ai/mcpand choose OAuth.Tick the risk notice, choose Create as a plugin and sign in with your WhiteboardAnimation.ai account.
In a chat, attach a picture and ask for a whiteboard animation.
Open Customize → Connectors and add a custom connector named
Whiteboard Animationwithhttps://mcp.whiteboardanimation.ai/mcp, or use the Add to Claude button.Choose Connect and sign in with your WhiteboardAnimation.ai account.
Give Claude a finished picture and ask for a whiteboard animation.
As an MCP server:
claude mcp add --transport http whiteboard-animation https://mcp.whiteboardanimation.ai/mcpOr as a plugin, which adds the server and a skill that knows the whole flow:
/plugin marketplace add celados/whiteboard-animation-mcp
/plugin install whiteboard-animation@whiteboard-animationThen run /mcp, choose whiteboard-animation and sign in.
Use the Add to Cursor button, or put this in ~/.cursor/mcp.json:
{
"mcpServers": {
"whiteboard-animation": { "url": "https://mcp.whiteboardanimation.ai/mcp" }
}
}Sign in when Cursor asks, from Settings → MCP.
Use the Add to VS Code button, or run:
code --add-mcp '{"name":"whiteboard-animation","type":"http","url":"https://mcp.whiteboardanimation.ai/mcp"}'Start it from the MCP servers list and sign in when asked.
As a plugin, which adds the server and the skill:
codex plugin marketplace add celados/whiteboard-animation-mcp
codex plugin add whiteboard-animation@whiteboard-animationOr as an MCP server only:
codex mcp add whiteboard-animation --url https://mcp.whiteboardanimation.ai/mcp
codex mcp login whiteboard-animationgemini extensions install https://github.com/celados/whiteboard-animation-mcpAny client that speaks streamable HTTP and OAuth connects with https://mcp.whiteboardanimation.ai/mcp. Sign-in uses dynamic client registration, so the client registers itself.
Related MCP server: sora-mcp-server
How it works
What to ask for
Tools
Tool | What it does |
| The signed-in account: plan, credits left, drawings queued and running. |
| What one drawing costs in credits, and the quote to pass when creating it. |
| Reserves an upload and answers a URL to |
| Draws a picture as a whiteboard animation (spends credits). Answers at once with the drawing id. |
| A drawing's status and progress, its preview page, and its export options once done. |
| Waits until a drawing moves on, so the in-chat card can follow it live. |
| The latest drawings in your library. |
| One link that renders up to 20 drawings as MP4, transparent WebM or PNG, each with its own options. |
| Follows a render link until each file is saved. |
Only create_upload and create_drawing write anything; nothing deletes. In Claude and ChatGPT the drawing plays in an interactive card inside the chat.
FAQ
Do I need an API key? No. You sign in once with your WhiteboardAnimation.ai account (OAuth 2.1) and the client keeps you signed in. Disconnect the connector to stop it.
Can it make a picture from a text prompt? No. Bring a finished picture: make it first with an image tool, in the same chat if you like, then ask for the whiteboard animation.
Does it give me a video file? It gives you a link: opened in any browser, the page renders the MP4 or WebM and saves it to your downloads. A coding agent can open it for you and move the files where you want them.
What does it cost? New accounts start with free credits. After that, see pricing.
Is the server open source? No. The server is a hosted service; this repository holds its public listing, the client configs and the agent skill. Issues and questions are welcome here.
Links
WhiteboardAnimation.ai/mcp: the MCP page, with setup for every client
Official MCP Registry entry:
ai.whiteboardanimation/whiteboard-animation
License
The configs, skill and docs in this repository are MIT. The hosted service is covered by the WhiteboardAnimation.ai terms.
This server cannot be deployed
Maintenance
Related MCP Connectors
Turn one line-art image into a prompt-directed, hand-drawn scribe animation MP4.
Generate AI images, videos, music, SFX & speech in any AI assistant. Results appear inline in chat.
AI whiteboard explainer video platform: script to storyboard to narrated MP4.
Give Claude a whiteboard: notes, links, images and diagrams on a board you both see and edit.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to generate interactive Excalidraw diagrams with viewport camera control and fullscreen editing directly in the chat.5,591MIT
- AlicenseAqualityDmaintenanceEnables AI assistants to generate, manage, and download AI-generated videos using OpenAI's Sora models, supporting text prompts, image-to-video, remixing, and more.9MIT
- AlicenseNot gradedqualityDmaintenanceEnables AI agents to draw animated, hand-drawn diagrams on a live whiteboard through MCP tools, allowing users to visually explain concepts and edit scenes interactively.16 npmAGPL 3.0
- AlicenseAqualityAmaintenanceEnables AI assistants to convert CSS-animated SVGs into videos (MP4/WebM/MKV/MOV) and animated images (aPNG/GIF) with frame-accurate rendering and transparency support.2326 npm5MIT