Describe your animation in words — AI generates CSS keyframes. Choose from 3 quality tiers powered by Google Gemini.
Three model tiers for every budget and quality need
Gemini 3.1 Pro
per animation
Highest quality animations with complex multi-element choreographies and nuanced timing.
Best for professional work
Gemini 2.5 Flash
per animation
Great balance of quality and cost. Handles most animation requests with reliable results.
Best for everyday use
Gemini Flash
per animation
Fast and affordable. Perfect for simple animations like fades, pulses, and basic transitions.
Best for simple animations
Three simple steps to AI-powered SVG animation
Upload or paste your SVG file. AI parses all paths, groups, and elements.
Tell the AI what you want: "Make the logo pulse gently" or "Elements appear one by one from left."
Preview the result, adjust if needed, and download your animated SVG with embedded CSS.
Everything you need for AI-powered SVG animation
Text descriptions to CSS keyframes
Pro, Standard & Eco for every budget
Clean, production-ready CSS output
Tweak timing, easing, and delays
Automatically identifies animatable elements
Download animated SVG with embedded styles
Built for creators across every discipline
Animated hero sections, loading spinners, micro-interactions.
Showcase features with animated SVG presentations.
Eye-catching animated posts and stories.
Animated product mockups that stand out.
Lightweight animated icons and onboarding flows.
Animated diagrams, flowcharts, and infographics.
Side-by-side breakdown of all three tiers
| Pro | Standard | Eco | |
|---|---|---|---|
| Model | Gemini 3.1 Pro | Gemini 2.5 Flash | Gemini Flash |
| Price | $0.50 | $0.35 | $0.15 |
| Quality | Highest | High | Good |
| Speed | ~60s | ~30s | ~15s |
| Best For | Complex choreographies | Everyday animations | Simple effects |
Start with the free manual animator or unlock AI-powered animations with credits.
Free SVG & image tools for designers, developers, and creators