Yoyo Loading State Builder API

POST https://api.findutils.com/api/tools/yoyo-loading-state-builder/execute

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.

Open the tool Try it

Request body

application/json

behavior

string optional

Loading behavior. Default: "show-hide". One of show-hide · add-class · remove-class · set-attr · combination. Default "show-hide".
class_name

string optional

CSS class for "add-class" or "remove-class" (e.g. "opacity-50").
attribute

string optional

Attribute for "set-attr" (e.g. "disabled").
use_delay

boolean optional

Add yoyo:spinning.delay. Default: false. Default false.
delay_ms

integer optional

Delay in milliseconds when use_delay is true. Default: 300. Default 300.
target_actions

string optional

Comma-separated action names for yoyo:spin-on (e.g. "save,submit").
add_class_name

string optional

For "combination": class to add.
remove_class_name

string optional

For "combination": class to remove.
add_attribute

string optional

For "combination": attribute to set.

Example arguments

Verified

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

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

const response = await fetch('https://api.findutils.com/api/tools/yoyo-loading-state-builder/execute', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({"behavior":"add-class","class_name":"opacity-50","use_delay":true,"delay_ms":200}),
});
const data = await response.json();

import requests

response = requests.post(
    "https://api.findutils.com/api/tools/yoyo-loading-state-builder/execute",
    json={"behavior":"add-class","class_name":"opacity-50","use_delay":True,"delay_ms":200},
)
data = response.json()

$ch = curl_init('https://api.findutils.com/api/tools/yoyo-loading-state-builder/execute');
curl_setopt_array($ch, [
    CURLOPT_POST => true,
    CURLOPT_HTTPHEADER => ['Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"behavior":"add-class","class_name":"opacity-50","use_delay":true,"delay_ms":200}',
    CURLOPT_RETURNTRANSFER => true,
]);
$data = json_decode(curl_exec($ch), true);

Also an MCP tool

Call yoyo_loading_state_builder 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: yoyo-loading-state-builder
MCP name: yoyo_loading_state_builder
Category: Text
Machine-readable: openapi.json · markdown.md

Request body

Example arguments

More Text tools

More to explore