# Yoyo Loading State Builder — MCP tool `findutils:yoyo_loading_state_builder`

Build Yoyo PHP "yoyo:spinning" loading-state attributes and a ready-to-paste HTML snippet. Choose show/hide, add class, remove class, set attribute, or a combination, with optional delay and target actions.

- Category: text
- 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/yoyo-loading-state-builder/execute (no API keys, 60 req/min per IP)
- Reference page: https://findutils.com/mcp/yoyo-loading-state-builder/
- Same tool on the other surface: https://findutils.com/api/yoyo-loading-state-builder/

## 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": "yoyo_loading_state_builder",
      "arguments": {
        "behavior": "add-class",
        "class_name": "opacity-50",
        "use_delay": true,
        "delay_ms": 200
      }
    }
  }'
```

## Input schema

| Argument | Type | Required | Description |
|---|---|---|---|
| `behavior` | string (show-hide \| add-class \| remove-class \| set-attr \| combination) | no | Loading behavior. Default: "show-hide". Default: `"show-hide"`. |
| `class_name` | string | no | CSS class for "add-class" or "remove-class" (e.g. "opacity-50"). |
| `attribute` | string | no | Attribute for "set-attr" (e.g. "disabled"). |
| `use_delay` | boolean | no | Add yoyo:spinning.delay. Default: false. Default: `false`. |
| `delay_ms` | integer | no | Delay in milliseconds when use_delay is true. Default: 300. Default: `300`. |
| `target_actions` | string | no | Comma-separated action names for yoyo:spin-on (e.g. "save,submit"). |
| `add_class_name` | string | no | For "combination": class to add. |
| `remove_class_name` | string | no | For "combination": class to remove. |
| `add_attribute` | string | no | For "combination": attribute to set. |

Example arguments (verified):

```json
{
  "behavior": "add-class",
  "class_name": "opacity-50",
  "use_delay": true,
  "delay_ms": 200
}
```

## Also a REST endpoint

```bash
curl -X POST https://api.findutils.com/api/tools/yoyo-loading-state-builder/execute \
  -H "Content-Type: application/json" \
  -d '{
    "behavior": "add-class",
    "class_name": "opacity-50",
    "use_delay": true,
    "delay_ms": 200
  }'

# Parameter schema
curl https://api.findutils.com/api/tools/yoyo-loading-state-builder
```

Full REST reference: https://findutils.com/api/yoyo-loading-state-builder/ · 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