SVG Animation Studio

Scene Templates

1. Scene Layers

2. Start Shape

Upload

3. Animation Settings

Duration (ms)

Iterations

Direction

Easing

4. Keyframes

Start (0%)

X Pos (px)

Y Pos (px)

Scale

Rotate (deg)

Opacity

Fill

End (100%)

X Pos (px)

Y Pos (px)

Scale

Rotate (deg)

Opacity

Fill

End Shape (for Morphing)

Upload

KUTE.js can morph paths with different point counts!

Live Preview

Export