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

Details

Title
Tubes Cursor Turns the Pointer Into a WebGL Trail
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

Enjoyed it? Pass it on.

Sharing is the simplest way to thank a maker. Your post credits Kevin Levron.

Post it on

Copy post text

If a composer opens empty, copy this text. For long posts, split it across posts and keep every maker’s credit.