A GSAP-class animation engine in pure Zig. This page is one server-rendered tree — every effect below is a data attribute the bridge interprets.
Fly the curve
Scroll drives the marker along an SVG path (smoothed scrub, tangent rotation).
Shape-shift on scroll
MorphSVG lerps matched cubic control points — the star becomes a blob as it crosses the viewport.
Pin + snap (ease + directional)
The panel pins for 150vh while the bar scrubs; snap points at 0 / 50 / 100% with in_out_cubic ease and snap_directional=true — the settle resolves toward the scroll direction.
Pinned while the bar scrubs (snap_ease=in_out_cubic, snap_directional=true).
Drag, flick, bounce
Pure data-drag — no island. Flick the chip (analytic inertia, 32px grid snap, elastic bounce=0.35 on the walls); the zones light up on hover.
Layout that animates itself
Shuffle: keyed FLIP reorder. Remove/restore: enter/leave callbacks. Resize: scale+counter_scale keeps card text crisp while the container scales.