Tubes Cursor Turns the Pointer Into a WebGL Trail
Kevin Levron’s Tubes Cursor is a compact Three.js interaction experiment that turns mouse movement into glowing tubular trails and can run through WebGL or WebGPU.
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)
Stay in the loop
Join the community hub of WebGL and WebGPU. Discover projects, tutorials, tools, and a thriving community building the next generation of web graphics and computation.