Start from a text description, an image, or an SVG file. AI generates clean CSS @keyframes that bring your graphics to life - no manual keyframing required.
How It Works
Type a description, drop an image, or upload an SVG file. The editor handles all three and prepares your graphic 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
50 free credits on signup. No credit card required.