Json To Tailwind Form

Data REST API MCP

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.

This page documents the MCP tool findutils:json_to_tailwind_form. See the REST reference →

Use in the browser View as Markdown

Call it over MCP

Tool name findutils:json_to_tailwind_form · no API keys · 120 requests/min per IP

Claude Code

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

Claude Desktop — claude_desktop_config.json

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

Raw JSON-RPC (any MCP client) — verified example

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_tailwind_form",
      "arguments": {
        "schema": {
          "fields": [
            {
              "name": "email",
              "type": "email",
              "label": "Email",
              "required": true
            }
          ]
        }
      }
    }
  }'

Input schema

Argument	Type	Required	Description
schema	object	yes	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
      }
    ]
  }
}

Also a REST endpoint

The same tool answers plain HTTP at POST /api/tools/json-to-tailwind-form/execute — no key, 60 requests/min.

Open the REST reference for Json To Tailwind Form →

More Data tools

Api Docs Generator

Return API documentation generated from a list of endpoints, as Markdown (with table of contents, request/response examples) or as an OpenAP

Csv To Json

Parse CSV text into an array of objects keyed by the header row.

Graphql To Typescript

Convert a GraphQL SDL schema into TypeScript type definitions and return the generated code with counts of emitted types, enums, and inputs.

Html Table To Json

Convert an HTML <table> into JSON — an array of objects keyed by the header row, or an array of row arrays.

Jq Playground

Returns the result of running a jq-style filter over a JSON document.

Json Comparer

Returns a git-style line diff of two JSON documents after both are pretty-printed with 2-space indentation.

Json Diff

Returns the semantic differences between two JSON documents as a list of added, removed and modified paths with their old and new values, pl

Json Faker

Returns an array of fake JSON records built from a field list, for testing and prototyping.