One model per section

Each section owns a 3D model. As you scroll into a section, its model slides in from one side and the previous model exits the other.

Animations scrub on scroll

Each model's built-in glTF animation is bound to local scroll progress within its section, so the motion plays only while you're looking at it.

Easing & overlap

A smoothstep curve makes models linger at center rather than zip through. Adjacent sections overlap slightly so transitions feel continuous.

Roll your own

Add or remove sections by editing the SECTIONS array — each entry pairs a model URL with a clip index and presentation settings.