Developer Tools

drawfiddle.com

Provides tools to search, retrieve, publish, and manage C# and React DrawFiddle code snippets that draw user interfaces on a real canvas.

1 endpoint9 known toolsFirst detected October 7, 2026Last detected October 7, 2026

ENDPOINT 1

https://drawfiddle.com/mcp

No auth detected

MCP server metadata

Name: drawnui-fiddle
Version: 1.0.0

Capabilities

tools

Server instructions

DrawFiddle: C#, React or NX that draws its own interface on a real canvas. Search the catalogue for a working example before writing DrawnUI code, read its source, and publish your own to get a link a person can open and run.

Known tools 9

search_snippets

Search the DrawFiddle community catalogue: published C# and React snippets that draw a user interface on a real canvas.

Inferred read-only

get_source

Return the complete C# source of one snippet, with its title, description and links.

Inferred read-only

create_fiddle

Publish a snippet and get back a permanent link that anyone can open, run and edit.

Potential side effects

create_draft

Start a piece of work in progress.

Inferred read-only

update_draft

Replace the code in a draft.

Inferred read-only

preview_draft

NOT A MOTION-QUALITY TOOL: the clock is sampled coarsely (a 320 ms tween may be seen at 0.00, 0.14 then 1.00), so this answers "what state did it reach", never "is the curve smooth".

Inferred read-only

publish_draft

Turn a finished draft into a real fiddle: a permanent link anyone can open, run and edit.

Potential side effects

validate

Does this C# compile as a DrawnUI snippet?

Inferred read-only

get_preview

Return the preview image of a snippet: an actual frame of what the code draws.

Inferred read-only

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.drawnui-fiddle]
url = "https://drawfiddle.com/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "drawnui-fiddle": {
      "type": "http",
      "url": "https://drawfiddle.com/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: drawnui-fiddle
Remote MCP URL: https://drawfiddle.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "drawnui-fiddle": {
      "url": "https://drawfiddle.com/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "drawnui-fiddle": {
      "type": "http",
      "url": "https://drawfiddle.com/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "drawnui-fiddle",
  "transport": "streamable-http",
  "url": "https://drawfiddle.com/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

TRUST AND VERIFICATION EVIDENCE

Loading Trust v2 evidence…

Checking the associated registrable domain. The BuiltWith key remains server-side.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.