>

Getting Started

Getting Started

Export

Exported file format

Export settings

Export the element's name as ID

Export React Native animations

Export Flutter animations

Preparing and importing

Preparing your file in Illustrator

Preparing your file in Sketch

Managing projects

Supported file format

Change canvas size

Using the Assets Library

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

Add animated SVG to Angular