Upload any static SVG and describe the animation you want. AI generates clean CSS @keyframes that bring your graphics to life - no manual keyframing required.
How It Works
Drag and drop any SVG file into the node editor. The SVG Input node parses your file and makes it available for animation.
Write a natural-language prompt like "make the logo pulse" or "rotate the gear icon smoothly." Connect the Prompt node to a Render node.
AI streams production-ready SVG with embedded CSS @keyframes. Copy the output or chain it into another prompt for multi-step animations.
Features
Describe animations in plain English. No need to write CSS keyframes by hand - the AI translates your intent into precise animation code.
Watch the animated SVG build in real-time as the AI streams code. See partial results immediately instead of waiting for completion.
Feed one render into the next prompt. Build complex multi-step animations incrementally - add motion, then color changes, then timing adjustments.
Click individual SVG elements to select them, then prompt the AI to animate just that element. Target specific paths, groups, or shapes.
FAQ
20 free credits on signup. No credit card required.