svan2d
Scalable Vector Animation in Python
SVG Circus
Ellipse Layout Animation
Let's get started
Line Layout Animation
Transition between two states
Two Step Transition
Transition between three states
The Wave
Transition between multiple states
Timed Keystates
finetuning the animation speed
Keystates Variety
Customized keystates on element level
Field Keystates
Field level keystates
Field Easing
Overriding the default easing functions
Segment Easing
Customized easing between keystates
Give me a break
Temporarily pausing element animation
Not always
Defining elements for part of the timeline
Layout Element Alignment
Customzing the element rotation in layout
Group Dynamics
Animating multiple elements together
Animation Helper
Animation design made easier
Compound animation
Generate coordinated keystates for multiple elements
Path Morphing
Smoothly animate from one SVG path to another
Text Path Morphing
Smoothly animate text from one SVG path to another
Layout Showcase
What we came up with so far ...
Simple Morphs
Morphing shapes without holes
Complex Morphs
Morphing shapes with holes
Effects
Gradients - Pattern - Filter