Overview

Import SVG

See more

Add Bones

Start Edit mode.

Add and edit Bones.

See more

Weight Paint

Change Weight mode.

Select SVG elements and bind to bones.

See more

Pose

Change Pose mode.

Transform bones to transform bound SVG elements.

SVG kinematic animation via bones: pose

See more

Insert Keyframes

Insert keyframes to save the transformations of bones at the frame.

SVG kinematic animation via bones: insert keyframes

See more

Play Animation

The transformations between keyframes are interpolated automatically.

SVG kinematic animation via bones: animate

See more

Bake and Export

Export baked animations.

See more

Play in a web page

Client player is here

Export animated SVG.

Animations can be exported as authentic SVG with CSS animation, like these.

SVG kinematic animation: jumpingSVG kinematic animation: rotatingSVG kinematic animation: boxing

See more