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 HTTP endpoint POST /api/tools/svg-animation-generator/execute. See the MCP reference →
Call it over REST
POST https://api.findutils.com/api/tools/svg-animation-generator/execute · no API keys · 60 requests/min per IP
Execute — verified arguments
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 for this endpoint
curl https://api.findutils.com/api/tools/svg-animation-generatorInput 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 an MCP tool
Claude, Cursor, and any MCP client can call this tool as
findutils:svg_animation_generator after one connect command.
Connect once
claude mcp add findutils --transport http https://mcp.findutils.com/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