React MCP Server

A customizable React component for simulating slime mold behavior.

Local serverstdio

What is the React MCP server?

If you already use React, the react mcp server is the piece that lets your assistant work with it directly. A customizable React component for simulating slime mold behavior.

What the server does

A highly customizable React component to simulate the fascinating behavior of unicellular organisms (like Physarum polycephalum or "slime mold") directly in your browser using Canvas. Create organic and interactive visualizations!

Installation

The server ships on npm as react-slime-simulation, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

Available tools

The toolset is worth reading before you wire it up, because it tells you what the integration is really for:

  • Prop — Type
  • useRandomDefaults — boolean
  • svgShape — string
  • initialAgents — number
  • sensorOffset — number
  • agentSpeed — number
  • trailStrength — number
  • evaporationRate — number
  • edgeAvoidance — number
  • escapeThreshold — number
  • baseHue — number
  • hueRange — number

Worth knowing first

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • With 14 tools registered it takes up a noticeable share of the context window; turn it off in projects that never touch React.
  • Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.

Where it fits

This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. React's toolset — Prop, useRandomDefaults, svgShape and 11 more — is a fair guide to whether it matches your workflow. It is maintained by lightin; worth a glance at recent repository activity before you build anything load-bearing on it.

This entry was verified against React's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Available tools

ToolWhat it does
PropType
useRandomDefaultsboolean
svgShapestring
initialAgentsnumber
sensorOffsetnumber
agentSpeednumber
trailStrengthnumber
evaporationRatenumber
edgeAvoidancenumber
escapeThresholdnumber
baseHuenumber
hueRangenumber
lightnessRangenumber
brushSizenumber

How to install the React MCP server

{
  "mcpServers": {
    "slime": {
      "command": "npx",
      "args": ["-y", "react-slime-simulation"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Example prompts to try

  • Use React to Prop.
  • Use React to useRandomDefaults.
  • Use React to svgShape.

Frequently asked questions

It connects React to MCP-compatible AI assistants such as Claude and Cursor, exposing 14 tools (Prop, useRandomDefaults, svgShape, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with React directly.