Tutorials
Pricing
Help Center
Contact
Log in
Sign up
Help Center
>
Getting Started
Getting Started
Export
Exported file format
Export settings
Export the element's name as ID
Preparing and importing
Preparing your file in Illustrator
Preparing your file in Sketch
Start a new project by importing an SVG
Supported file format
Change canvas size
Add new elements to your project
Creating masks in Adobe Illustrator
Creating masks in Affinity Designer
Creating masks in Gravit Designer
Animating
Animate an element
Animators and keyframes
Change the element’s origin point
Use ease effects
Create a path animation
Animate on mouse over
Animate on scroll
Animate on click
Create a morph animation
Create an interactive SVG
Reverse animation on mouse out
Create a clipping path animation
Create a clipping mask animation
Fill and Strokes
Change the color of an element
Modify an element’s stroke
Implementing
Add animated SVG to your website
Add animated SVG to WordPress
Add animated SVG to React websites
Trigger the SVG animation manually using JavaScript
Add animated SVG to React Native
Add animated SVG to Squarespace
Add animated SVG to Vue.js
Add animated SVG in Webflow