01 / 03

Idle

It floats and leans toward the pointer.

Scroll to play

Motion / 3D Lablab.iamnaw.dev/cursor01 · Glass cursor

-- fps-- ms

TECH SHEET · 01 / 06

Glass cursor

The portfolio mascot on its own: a mouse pointer extruded into a chrome object that floats, leans toward you and reacts to scroll speed.

Three.js
GSAP

TECHNIQUE

2D pointer path extruded with a soft bevel
Iridescent physical material lit by a tiny custom environment, no HDR file
Scroll scrubs a GSAP timeline; scroll speed adds tilt and spin

PERFORMANCE · MEASURED LIVE

Draw calls: —
Triangles: —
Frame rate: —
Pixel ratio cap: 1.5
JS per frame: —

FALLBACK

Reduced motion: one still frame, no idle float or tilt. Without WebGL: a still image of the same pose.

FROM THE SOURCE

const geo = new ExtrudeGeometry(pointer, {
  depth: 2.4, bevelEnabled: true,
  bevelThickness: 0.9, bevelSegments: 10,
});
new MeshPhysicalMaterial({ metalness: 0.92,
  roughness: 0.1, iridescence: 0.75 });