# Css Animation Generator — MCP tool `findutils:css_animation_generator`

Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such as fade-in, bounce, pulse, shake, spin, or from custom keyframes with transform, opacity, filter and color properties.

- 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/css-animation-generator/execute (no API keys, 60 req/min per IP)
- Reference page: https://findutils.com/mcp/css-animation-generator/
- Same tool on the other surface: https://findutils.com/api/css-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": "css_animation_generator",
      "arguments": {
        "preset": "fade-in",
        "format": "css"
      }
    }
  }'
```

## Input schema

| Argument | Type | Required | Description |
|---|---|---|---|
| `preset` | string (fade-in \| slide-in-up \| slide-in-down \| slide-in-left \| slide-in-right \| zoom-in \| flip-in \| fade-out \| slide-out-up \| zoom-out \| bounce \| pulse \| shake \| wobble \| jello \| heartbeat \| spin \| float \| swing \| morph \| color-shift \| glow) | no | Built-in animation preset. Ignored when keyframes is given. |
| `keyframes` | array | no | Custom keyframes: [{ offset: 0-100, properties: { translateX, translateY, rotate, scale, scaleX, scaleY, skewX, skewY, opacity, blur, brightness, contrast, saturate, hueRotate, borderRadius, backgroundColor, color } }]. |
| `name` | string | no | Animation / class name (CSS identifier). |
| `duration` | number | no | Duration in milliseconds. |
| `timing_function` | string | no | Easing: a CSS timing function, a cubic-bezier(...) or a preset name such as "ease-out-back", "bounce", "spring". |
| `iteration_count` | string | no | Number of iterations or "infinite". |
| `direction` | string (normal \| reverse \| alternate \| alternate-reverse) | no | Animation direction. |
| `fill_mode` | string (none \| forwards \| backwards \| both) | no | Animation fill mode. |
| `delay` | number | no | Start delay in milliseconds. |
| `format` | string (css \| tailwind \| react \| framer \| all) | no | Output format. "all" returns every format. Default: `"css"`. |

Example arguments (verified):

```json
{
  "preset": "fade-in",
  "format": "css"
}
```

## Also a REST endpoint

```bash
curl -X POST https://api.findutils.com/api/tools/css-animation-generator/execute \
  -H "Content-Type: application/json" \
  -d '{
    "preset": "fade-in",
    "format": "css"
  }'

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

Full REST reference: https://findutils.com/api/css-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