>

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