Json To React Form API

POST https://api.findutils.com/api/tools/json-to-react-form/execute

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

Request body

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
      }
    ]
  }
}

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

const response = await fetch('https://api.findutils.com/api/tools/json-to-react-form/execute', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json', Authorization: 'Bearer YOUR_API_KEY' },
  body: JSON.stringify({"json":"{\"componentName\":\"ContactForm\",\"fields\":[{\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"required\":true}]}"}),
});
const data = await response.json();

import requests

response = requests.post(
    "https://api.findutils.com/api/tools/json-to-react-form/execute",
    headers={"Authorization": "Bearer YOUR_API_KEY"},
    json={"json":"{\"componentName\":\"ContactForm\",\"fields\":[{\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"required\":True}]}"},
)
data = response.json()

$ch = curl_init('https://api.findutils.com/api/tools/json-to-react-form/execute');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json', 'Authorization: Bearer YOUR_API_KEY'],
    CURLOPT_POSTFIELDS => '{"json":"{\"componentName\":\"ContactForm\",\"fields\":[{\"name\":\"email\",\"type\":\"email\",\"label\":\"Email\",\"required\":true}]}"}',
    CURLOPT_RETURNTRANSFER => true,
]);
$data = json_decode(curl_exec($ch), true);

Also an MCP tool

Call json_to_react_form from Claude, Cursor or any MCP client. Same arguments, same output.

https://mcp.findutils.com

MCP reference

Rate limit: 60 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

Request body

Example arguments

More Data tools

More to explore