Svg Animation Generator MCP tool

• shape

  string optional

  Shape template to start from. Ignored when elements is given. One of rect · circle · ellipse · line · text · star · character-head · character-body · character-full · cloud · sun. Default "rect".

• elements

  array optional

  Custom elements: [{ id?, type: rect|circle|ellipse|line|path|text, attrs: { x, y, width, height, cx, cy, r, d, fill, stroke, textContent, … } }].

• preset

  string optional

  Animation preset applied to the first element. Ignored when animations is given. One of bounce · pulse · spin · fade · slide · squash-stretch · color-shift · float.

• animations

  array optional

  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 optional

  SVG viewBox. Default "0 0 300 300".

• background

  string optional

  Background color (CSS color). Default "#0f172a".

• output

  string optional

  What to return. One of svg · css · both. Default "svg".

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