Animation demos · Anne Birzin

Animation demos

Three directions to consider for the home page hero. Each runs inside its own preview box so you can compare side by side. Move your cursor inside each box to interact.

A

Neon-style particle trails

Glowing particles travel along soft curved paths between corners, leaving fading trails. Closest to the Neon homepage feel.

Senior staff product designer working on developer tools and cloud infrastructure.
B

Connected node graph

A small constellation of nodes with thin connections; pulses of light travel along the edges from node to node.

Senior staff product designer working on developer tools and cloud infrastructure.
C

Subtle node graph

Same constellation idea as B, but quieter — thinner edges, fewer pulses traveling at once, dimmer glow. Pulses are mostly soft white with the occasional accent.

Senior staff product designer working on developer tools and cloud infrastructure.
01

Cursor-reactive dot grid

Faint grid of small dots with a soft spotlight that drifts slowly across the canvas on its own. No interaction needed.

Senior staff product designer working on developer tools and cloud infrastructure.
02

Drifting mesh gradient

Two soft blurred blobs (yellow + cool tone) drifting slowly. Stripe-style. Warmer feel.

Senior staff product designer working on developer tools and cloud infrastructure.
04

3D woven torus

Helical strands wrapping around a tilted donut. Depth-faded so front strands brighten, back strands recede — slowly spinning.

Senior staff product designer working on developer tools and cloud infrastructure.
03

SVG node graph

Small constellation of connected nodes that gently pulse. Most infrastructure-coded.

Senior staff product designer working on developer tools and cloud infrastructure.