# Json To React Form — MCP tool `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.

- Category: data
- MCP server: https://mcp.findutils.com/ (Streamable HTTP, no API keys, 120 req/min per IP)
- REST endpoint: POST https://api.findutils.com/api/tools/json-to-react-form/execute (no API keys, 60 req/min per IP)
- Reference page: https://findutils.com/mcp/json-to-react-form/
- Same tool on the other surface: https://findutils.com/api/json-to-react-form/

## Connect

```bash
claude mcp add findutils --transport http https://mcp.findutils.com/
```

Claude Desktop (`claude_desktop_config.json`):

```json
{
  "mcpServers": {
    "findutils": {
      "url": "https://mcp.findutils.com/"
    }
  }
}
```

## Call the tool (verified example)

```bash
curl -X POST https://mcp.findutils.com/ \
  -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}]}"
      }
    }
  }'
```

## Input schema

| Argument | Type | Required | Description |
|---|---|---|---|
| `json` | string | yes | 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
{
  "json": "{\"componentName\":\"ContactForm\",\"fields\":[{\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"required\":true}]}"
}
```

Decoded `json` argument (readability only — send it as a string):

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

## Also a REST endpoint

```bash
curl -X POST https://api.findutils.com/api/tools/json-to-react-form/execute \
  -H "Content-Type: application/json" \
  -d '{
    "json": "{\"componentName\":\"ContactForm\",\"fields\":[{\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"required\":true}]}"
  }'

# Parameter schema
curl https://api.findutils.com/api/tools/json-to-react-form
```

Full REST reference: https://findutils.com/api/json-to-react-form/ · OpenAPI 3.1 spec: https://findutils.com/api/openapi.json

---
Full catalog: POST https://mcp.findutils.com/ with method `tools/list` · https://findutils.com/mcp/ · https://findutils.com/llms.txt