MCP.Market

Tldraw MCP server

online · 100% uptime
by tldraw·io.github.tldraw/tldraw·v0.1.0·51k stars
No reviews yet

Draw and visually collaborate with your agents on tldraw's canvas.

B83/100grade B
Write a reviewRun it
What users say
No reviews yet
Be the first
Safety scan
B83/100

full report

Adoption
Established

51k stars

Reviews

Write one

Nobody has reviewed Tldraw yet.

If you have run it, two minutes of your experience saves the next person an afternoon.

Tldraw tools (6, 1 write)

write = sends, deletes, buys or posts
  • _exec_callbackFree

    App-only: widget calls this to resolve a pending exec request.

  • _get_canvas_stateFree

    App-only: get the latest checkpoint for a canvas by its canvasId.

  • execwrite actionFree

    Execute JavaScript code on a tldraw canvas. The code runs in the widget with access to the live `editor` instance, helper functions, and normal js. Use the `search` tool first to discover available Editor methods and shape types. Each canvas has a unique `canvasId`. Omit `canvasId` to create a new blank canvas. To edit an existing canvas, pass the `canvasId` that was returned by a previous exec call. Shapes and text grow depending on the amount of text they have. Use clever scripting to ensure there are no unintended overlaps. Examples: - Create a rectangle: editor.createShape({ _type: 'rectangle', shapeId: 'box1', x: 200, y: 120, w: 320, h: 180, text: 'Hello' }) - Connect shapes with an arrow: editor.createShape({ _type: 'arrow', shapeId: 'a1', fromId: 'box1', toId: 'box2', x1: 0, y1: 0, x2: 100, y2: 0 }) - Select and zoom: editor.select('box1'); editor.zoomToSelection() - Read shapes: return editor.getCurrentPageShapes() - Distribute evenly: editor.distributeShapes(editor.getSelectedShapeIds(), 'horizontal') - Box around shapes: boxShapes(['box1', 'box2'], { text: 'Group label', color: 'blue' }) - Stack shapes dynamically: editor.createShape({ _type: 'rectangle', shapeId: 'a', x: 0, y: 0, w: 300, h: 200, text: 'First box\nwith wrapping text' }); const bounds = editor.getShapePageBounds('a'); editor.createShape({ _type: 'rectangle', shapeId: 'b', x: 0, y: bounds.maxY + 20, w: 300, h: 200, text: 'Below first' })

  • read_checkpointFree

    App-only: read shapes from a checkpoint by ID.

  • save_checkpointFree

    App-only: save shapes to a checkpoint (from user edits). shapesJson and assetsJson must be JSON array strings.

  • searchFree

    Search the tldraw Editor API spec by writing JavaScript that receives a `spec` object and returns a result. The spec contains: spec.members (all Editor methods/properties with name, kind, signature, description, category), spec.categories (category names), spec.types.shapes (focused shape type definitions with props), spec.types.shapeTypes (list of all shape type strings), spec.helpers (exec helper functions with descriptions, params, examples). Examples: - Find shape methods: return spec.members.filter(m => m.category === "shapes").map(m => ({ name: m.name, signature: m.signature })) - Get arrow shape props: return spec.types.shapes.find(s => s.shapeType === "arrow") - List all categories: return spec.categories - Find a helper: return spec.helpers.find(h => h.name === "createArrowBetweenShapes")

Public scan report

scanner v0.1.10 · 2026-09-28 · same rubric, same numbers if you re-run it

1 high
  • –Code scanremote-only server, no package to scann/a
  • Live reliabilityremote reachable in 1039ms20/20
  • Tool poisoning6 tool descriptions checked15/15
  • Auth qualityopen endpoint exposes 1 write-action tools with no auth3/15
  • Maintenancelast push 0 days ago15/15
  • Maintainer identityregistry namespace matches repository owner; GitHub account older than a year9/10

Findings (1)

  • highWrite-action tools reachable without authenticationauth.open-write
Overall 83/100. Components that don't apply are left out of the denominator. Any critical finding is an F.RubricAppeal a findingJSON

How Tldraw compares

Against every graded MCP server, from our own scans and uptime checks. Updated after each scan run.

Safety score
83/100
higher than 65% of 45,646 servers
Tools
6
the typical server has 7
Tools that change things
17%
typical: 0%. Fewer write tools means less an agent can break
Uptime
100%
of our recent checks; the typical remote server answers 100%
Response time
638 ms
faster than 23% of 27,829 servers
GitHub stars
50,611
more than 97% of 27,517 servers

What its tools let an agent do: 4 read · 1 create · 1 run or deploy

Install Tldraw in Claude Code, Cursor or VS Code

claude mcp add --transport http tldraw https://tldraw-mcp-app.tldraw.workers.dev/mcp
Add to Cursor

What the publisher says

From the Tldraw repository's README, as published. We do not edit it. Read it on GitHub

Build infinite canvas apps in React with the tldraw SDK.

Docs · Examples · Starter kits

Feature highlights

tldraw provides a feature-complete infinite canvas engine designed to be the foundation for any canvas app. Create custom shapes, tools, bindings and UI components for a custom experience. Use the default whiteboarding tool set or use the library's primitives to build entirely new shapes and interactions.

  • Multiplayer — self-hostable real-time collaboration with @tldraw/sync
  • Drawing and diagramming — pressure-sensitive drawing, geometric shapes, rich text, arrows, snapping to shapes, edge scrolling, image and video support, image export
  • Runtime API - drive the canvas at runtime with the Editor API
  • Fully extensible — custom shapes, tools, bindings, UI components, side effects, and event hooks
  • AI integrations — canvas primitives for building with LLMs
  • DOM canvas — web rendering supports anything the browser supports, including embedded websites from YouTube, Figma, GitHub, and more
  • Broad support — works in any browser across desktop, touch screens, tablets, and mobile devices

Who's using tldraw

The tldraw SDK powers canvas experiences in products from Google, Shopify, BlackRock, Autodesk, ClickUp, Replit, Google Stitch, Luma, Runway, Padlet, Mobbin, Jam, Craft, Honeycomb, SchoolAI, Brisk, CADChat, bigpi, Genio, Pollination, Legendkeeper, Matilda, Aries, Alai, Dirac, and many more.

See our showcase for case studies on how teams build with tldraw.

Quick start

Install the tldraw package:

npm i tldraw

Then, use the component in your React app:

Shortened. The full README is on GitHub.

Nothing above is checked by us. What we check is on the safety report.

Tldraw: common questions

Is Tldraw MCP server safe?
Mostly: it is graded B (83/100). Read the Tldraw safety report
How do I install Tldraw?
It runs remotely at tldraw-mcp-app.tldraw.workers.dev. Add it to Claude Code, Cursor, VS Code or Claude Desktop with the snippets above, or call it through the mcp.market gateway without installing anything.
Does Tldraw need an API key?
Not as far as the registry entry and our scan can tell: no credentials are declared or required.
Is Tldraw maintained?
The last commit was 28 days ago (2026-09-27). The latest release is v0.1.0.
Is Tldraw up?
100% of our last 28 checks got an answer. We check remote servers about four times a day.
How does Tldraw compare with other MCP servers?
safety score 83/100 (higher than 65% of 45,646 servers); tools 6 (the typical server has 7); tools that change things 17% (typical: 0%. Fewer write tools means less an agent can break). Full comparison.