Svg Animation Generator

Generators REST API MCP

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.

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

Use in the browser View as Markdown

Call it over MCP

Tool name findutils:svg_animation_generator · 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": "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)

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

Also a REST endpoint

The same tool answers plain HTTP at POST /api/tools/svg-animation-generator/execute — no key, 60 requests/min.

Open the REST reference for Svg Animation Generator →

More Generators tools

Barcode Generator

Generate a 1D barcode as an SVG string from text.

Box Shadow Generator

Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft,

Caption Generator

Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills in the

Color Palette Generator

Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary, or monochroma

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 fad

Glassmorphism Generator

Generate the CSS for a glassmorphism (frosted glass) card: semi-transparent background, backdrop-filter blur and saturation (with the -webki

Gradient Generator

Generate a CSS linear, radial, or conic gradient from colour stops (2 to 10) and an angle, or from a preset (sunset, ocean, forest, fire, pu

Hashtag Generator

Generate relevant hashtags from keywords using a built-in, rule-based database (no AI): matches keywords against topic categories, scores po