Make
Vector Animations
SVG animator
CSS / Javascript
Build interactive SVG animations
Click / Hover / Programmatic
Create & edit Lottie files
JSON / Optimized JSON
Animated SVG for React Native
SVG with webview component
Animated SVG for Flutter
SVG with webview component
Animate vectors
Logos / Icons / Illustrations
Raster Animations
SVG to GIF export
GIF / WebP
Create animated PNG
APNG / Image sequence
SVG to video formats
MP4 / MOV / WEBM / MKV / AVI
Use Cases
Make CSS preloaders
Animate your icons
Animate your logo
Animate your mobile app
Animate your ads
SVG animations for eCommerce
Motion graphics creator
Teach motion design with SVGator
Collaborative animation with SVGator
Techniques
Morph animation with SVG
Motion path animation builder
SVG path animation generator
Keyframe animator
Build from scratch
Build your SVG
Make web animations
2D animation creator
Comparisons
Adobe Animate alternative
Resources
Learn
Blog
Articles and inspiration
Tutorials
Basic and advanced
Help Center
Find all the answers
What customers say
Testimonials
Hear from our users
Case studies
Success stories in motion
Integrations
Integrations
Figma
Teams
Pricing
Log in
Sign up
Help Center
>
Getting started
Getting started
Preparing and importing
Creating masks in Adobe Illustrator
Creating masks in Affinity Designer
Creating masks in Gravit Designer
Using the Assets Library
Change canvas size
Useful keyboard shortcuts in the SVGator app
Supported file formats
Parts of the SVGator app interface
Change timeline duration
Preparing your file in Illustrator
Preparing your file in Sketch
Managing projects
Issues
What if you can’t import a file
Implementing
Canva-Compatible Lottie Export
Export
Using custom fonts in your animated SVGs
Fill and Strokes
Change the color of an element
Modify an element’s stroke