Donut Dynamics

Close-up of glossy red 3D donut shapes piled together with a few translucent white rings, their overlapping surfaces catching small bright highlights against black.

Move to interact Touch to interact

Move your cursor and watch the scene respond Drag your finger to move through the scene

/* No JS → no scene can ever mount, so keep the pixel skeleton looping as a perpetual loader (Bram 2026-07-28). The shimmer is pure CSS animation, so it runs without JS on its own; we only ensure the skeleton stays the visible layer and the cover image stays hidden beneath it. The hint card needs no rule here — it only shows at data-scene-state="ready", which is unreachable without JS. */ [data-scene-container] .scene-skeleton { opacity: 1 !important; visibility: visible !important; } [data-scene-container] .card-image { opacity: 0 !important; }

Newton's fever dream

Who doesn't love donuts? These ones have gravity. They drift toward each other, slow and needy, like they want to be together. Then your cursor comes too close and they blow apart.

Techstack

WebGL and Three.js for the rendering. Rapier does the physics. And some good old trustworthy JavaScript so your mouse can ruin the party.

Credits

Own experiment. Started from the Lusion hero.