This interactive demo needs WebGPU, which isn't available here. It runs in current Chrome or Edge on Windows, macOS and ChromeOS, Chrome on Android 12+, and Safari 26, with hardware acceleration turned on.

An interactive exploded view of a Hall-effect magnetic keyboard switch, with scroll-driven assembly animation and physically based materials.

Techniques: WebGPU, Three.js, product visualisation, GSAP. An interactive WebGPU demo by Jingfu Chen.