# Svg Animation Generator — MCP tool `findutils:svg_animation_generator`

Return an animated SVG (inline CSS @keyframes) and/or the CSS alone, built from a shape template (rect, circle, star, stick figure, sun…) or custom SVG elements, plus animations from a preset (bounce, pulse, spin, fade, slide, squash-stretch, color-shift, float) or custom keyframes.

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

## 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": "svg_animation_generator",
      "arguments": {
        "shape": "rect",
        "preset": "bounce"
      }
    }
  }'
```

## Input schema

| Argument | Type | Required | Description |
|---|---|---|---|
| `shape` | string (rect \| circle \| ellipse \| line \| text \| star \| character-head \| character-body \| character-full \| cloud \| sun) | no | Shape template to start from. Ignored when elements is given. Default: `"rect"`. |
| `elements` | array | no | Custom elements: [{ id?, type: rect\|circle\|ellipse\|line\|path\|text, attrs: { x, y, width, height, cx, cy, r, d, fill, stroke, textContent, … } }]. |
| `preset` | string (bounce \| pulse \| spin \| fade \| slide \| squash-stretch \| color-shift \| float) | no | Animation preset applied to the first element. Ignored when animations is given. |
| `animations` | array | no | Custom animations: [{ element_id, property (x, y, cx, cy, r, opacity, rotate, translateX, translateY, scale, fill, stroke, …), keyframes: [{ offset: 0-100, value }], duration (ms), easing, iteration_count, direction: normal\|alternate }]. |
| `view_box` | string | no | SVG viewBox. Default: `"0 0 300 300"`. |
| `background` | string | no | Background color (CSS color). Default: `"#0f172a"`. |
| `output` | string (svg \| css \| both) | no | What to return. Default: `"svg"`. |

Example arguments (verified):

```json
{
  "shape": "rect",
  "preset": "bounce"
}
```

## Also a REST endpoint

```bash
curl -X POST https://api.findutils.com/api/tools/svg-animation-generator/execute \
  -H "Content-Type: application/json" \
  -d '{
    "shape": "rect",
    "preset": "bounce"
  }'

# Parameter schema
curl https://api.findutils.com/api/tools/svg-animation-generator
```

Full REST reference: https://findutils.com/api/svg-animation-generator/ · 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