Skip to content
Tubes Cursor Turns the Pointer Into a WebGL Trail

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.

Details

Published

What it is

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.

How it’s made

Technology
WebGLWebGPU
Framework & Tool
Three.js
Technique
Shaders