Claude Design · Lottie · GSAP · CSS
Turn animations
into video.
Drop a ZIP, HTML, or video file. Add music, AI captions, voiceover, and logo. Out comes a polished MP4 or GIF.
2 minute signup
How it works
Export your animation
ZIP from any tool
→
Drop it in
We render frame-by-frame
→
Download your video
MP4 or GIF, ready to share
Features
Everything you need
Frame-perfect rendering
We step through your animation one frame at a time — no dropped frames, no timing drift. What you designed is exactly what you get.
Background music
Search 500,000 free tracks or upload your own. Music is looped and trimmed to match your video's exact duration.
Flexible output settings
MP4 or GIF. Landscape, portrait, or square. Draft, Standard, or High quality. Loop it 1x, 2x, 3x, or 5x. Render up to 3 files at once.
Works with your tools
Auto-detects Claude Design, Lottie, GSAP, and CSS animations. Drop any self-contained HTML animation zip — no config needed.
Live demo
Compatibility
Supports every major animation system
Pricing
Start free. Pay when you're ready.
Free
$0
- 1 render to try
- Watermark on output
- No commercial use
- No AI features
Pay per render
$
1
/render
- No watermark
- Commercial use
- AI captions & voiceover
- 500k music tracks
Monthly
$
5
/month
- Unlimited renders
- No watermark
- Commercial use
- AI captions & voiceover
- 500k music tracks
- 4K, logo & bulk export
- Cancel anytime
FAQ
Common questions
What animation formats does Animation Machine support?
Animation Machine supports Claude Design (requestAnimationFrame with synthetic clock), Lottie (Jitter, Bodymovin, LottieFiles), GSAP (GlobalTimeline seek), and CSS animations (keyframes, transitions, Web Animations API). Any self-contained HTML animation ZIP file will work.
How does frame-perfect rendering work?
Animation Machine runs your animation in a headless Chromium browser and steps through it one frame at a time using a synthetic clock. This eliminates timing drift from real-time playback — every frame is captured at exactly the right moment regardless of rendering speed.
Can I add background music to my animation video?
Yes. Animation Machine includes a searchable library of over 500,000 free CC0-licensed tracks. You can also upload your own audio file. Music is automatically looped and trimmed to match your video's exact duration.
What output formats and resolutions are available?
Export as MP4 (H.264) or animated GIF. Resolution options are 1920×1080 (landscape), 1280×720 (720p), 1080×1920 (portrait), and 1080×1080 (square). Quality presets are Draft, Standard, and High.
Can I render multiple files at once?
Yes. Animation Machine supports batch rendering of up to 3 files at a time. Files are rendered sequentially and you can track progress for each one individually.
How do I export a ZIP from Claude Design?
When Claude generates an HTML animation, use the download button in Claude Design to save it as a ZIP file. Upload it directly to Animation Machine — no modifications needed. The PlaybackBar scrubber is removed automatically.
How much does Animation Machine cost?
There are three options. Free: 1 watermarked render to try the tool — no payment required. Pay per render: $1 per render with no watermark and commercial use rights. Buy 1, 5, or 10 renders at a time. Monthly: $5/month for unlimited renders, all AI features, 4K, logo overlay, and bulk export. Cancel anytime.