Json To React Form MCP tool

MCP findutils:json_to_react_form

Return a typed React (TSX) form component generated from a JSON schema of fields — inputs, textarea, select, checkbox, radio — with useState handling, validation attributes and a submit handler.

Needs an API key. Running a tool needs an API key. Keys are not for sale yet: ask for early access. About API keys

Open the tool Try it

Arguments

application/json

json

string required

JSON schema text: { componentName?, method?: "GET"|"POST", action?, useHooks?: boolean, submitText?, fields: [{ name, type, label, placeholder?, required?, options?, rows?, min?, max?, minLength?, maxLength?, pattern?, defaultValue? }] }.

Example arguments

Verified

{
  "json": {
    "componentName": "ContactForm",
    "fields": [
      {
        "name": "email",
        "type": "email",
        "label": "Email",
        "required": true
      }
    ]
  }
}

claude mcp add findutils --transport http https://mcp.findutils.com/ --header "Authorization: Bearer YOUR_API_KEY"

{
  "mcpServers": {
    "findutils": {
      "url": "https://mcp.findutils.com/",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

curl -X POST https://mcp.findutils.com/ \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "jsonrpc": "2.0",
    "id": 1,
    "method": "tools/call",
    "params": {
      "name": "json_to_react_form",
      "arguments": {
        "json": "{\"componentName\":\"ContactForm\",\"fields\":[{\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"required\":true}]}"
      }
    }
  }'

Also a REST endpoint

The same tool answers plain HTTP at POST /api/tools/json-to-react-form/execute.

REST reference

Rate limit: 120 a minute, per IP
Auth: API key
REST id: json-to-react-form
MCP name: json_to_react_form
Category: Data
Machine-readable: openapi.json · markdown.md

Arguments

Example arguments

More Data tools

More to explore