Skip to content

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.

Share with friends
0:00
/0:23

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.

Launch Demo
Share with friends

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.

Processing your application...

Success! Please check your inbox and click the link to confirm your subscription.

Sorry, something went wrong. Please try again.

AltStyle によって変換されたページ (->オリジナル) /