A WebGL and WebGPU cursor experiment draws bright tubular trails that follow pointer movement across a dark canvas.
Tubes Cursor is exactly what it says. Kevin Levron turns the pointer into a bundle of glowing tubes that chase your movement across the canvas, somewhere between a light pen, a screensaver, and a tiny creature that traces your mouse. It is a compact Three.js demo from the same developer behind TroisJS and threejs-toys, and the effect has enough polish to explain why it also lives as a Framer component.
The neat bit is that this is a small interaction pattern with a real rendering decision hiding inside it: the same idea can run through WebGL or WebGPU. That makes it useful beyond the immediate eye candy. Cursor effects are usually treated as garnish, but here the trail becomes the interface, the animation, and the product shot.
- Live Demo: https://codepen.io/soju22/pen/qEbdVjK
- Author: Kevin Levron (X, GitHub, LinkedIn)