How it works
SVG animation to video in three steps
- 1. Add an animated SVG.
- 2. Set duration, FPS, dimensions, and background.
- 3. Download GIF or browser-supported MP4.
Upload an SVG with CSS or SMIL motion, preview it, choose the duration and quality, and record a shareable animated GIF or MP4 without uploading your artwork.
1. Upload animated SVG
Output: 1440 × 1440px · approximately 72 frames. Keep this tab visible while the animation is recorded.
2. Preview animation
Your SVG animation will play here
Local conversion. Your SVG stays in this browser. GIF supports one-bit transparency; MP4 uses the selected solid background and is offered when your browser can encode it.
How it works
Choose GIF for looping reactions, email, documentation, and transparent edges. Choose MP4 for social posts, presentations, and smaller files with smoother color.
The recorder captures SVG animation rendered by your browser, including SMIL elements, CSS keyframes, transforms, path motion, gradients, clipping, masks, and filters.
Create and animate vector artwork in the SVG creator, or turn a PNG, JPG, WebP, or photo into editable paths with the detailed image-to-SVG converter.
Yes. CSS and SMIL animation frames are rendered directly from the SVG and encoded into a looping GIF.
Yes. The same high-resolution frame sequence is recorded as video when browser recording is supported.
No. Preview, frame rendering, GIF encoding, and video recording happen locally in your browser.
We use cookies for analytics and ads. Accept to help support the site, or decline to opt out. Privacy Policy