Web Animations

Open source plain JS, CSS, HTML, SVG animations for learning web frontend development. Source code at Github.

Click the animations to replay them.

3D Spin (frame-by-frame)

SVG Morph

Play to Pause (polygon)
Car to Bus (path)

KITT-like lights

Marching Ants

SVG animateTransform

Sun Animation by Vincent Diaz

Artwork by Vincent Diaz

Calendar (weeks faster)

Fortress

Searching

Padlock

Starfield

Draw Interactive Connection

Fluid 3D Cube Carousel

Left
Front
Right`
Back`

Source Code

Github

See also

Web Tricks

Web Frontend Projects