Json To Tailwind Form API

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

Generate React JSX for a Tailwind CSS styled form from a JSON form schema. Supports text, email, number, tel, url, password, textarea, select, checkbox, radio, date, time, datetime-local, and file fields with labels, placeholders, required marks, and validation attributes.

Open the tool Try it

Request body

application/json

schema

object required

Form schema: { formId?, method?, action?, submitText?, fields: [{ name, type, label?, placeholder?, required?, min?, max?, minLength?, maxLength?, pattern?, rows?, accept?, options?: [{ value, label }] }] }. A JSON string of the same shape is also accepted.

Example arguments

Verified

{
  "schema": {
    "fields": [
      {
        "name": "email",
        "type": "email",
        "label": "Email",
        "required": true
      }
    ]
  }
}

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

const response = await fetch('https://api.findutils.com/api/tools/json-to-tailwind-form/execute', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({"schema":{"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-tailwind-form/execute",
    json={"schema":{"fields":[{"name":"email","type":"email","label":"Email","required":True}]}},
)
data = response.json()

$ch = curl_init('https://api.findutils.com/api/tools/json-to-tailwind-form/execute');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"schema":{"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_tailwind_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: None
REST id: json-to-tailwind-form
MCP name: json_to_tailwind_form
Category: Data
Machine-readable: openapi.json · markdown.md

Request body

Example arguments

More Data tools

More to explore