Pixelated cursor trail emitting fading squares with retro digital feel.
Move the pointer over the stage to leave a trail of fading cells. Grid, trail and gooey filter are wired to the controls underneath.
| Prop | Type | Default | Description |
|---|---|---|---|
gridSize | number | 40 | Number of pixels in grid. |
trailSize | number | 0.1 | Size of each trail dot. |
maxAge | number | 250 | Duration of the trail effect. |
interpolate | number | 5 | Interpolation factor for pointer movement. |
color | string | '#ffffff' | Pixel color. |
gooeyFilter | object | undefined | Configuration for the gooey filter, as { id, strength }. |
easingFunction | (t: number) => number | (x) => x | Easing applied to the fade of each trail point. |
glProps | object | { antialias: false, powerPreference: 'high-performance', alpha: true } | WebGL renderer options. |
canvasProps | object | {} | Canvas options. Only dpr, as a [min, max] range, is read. |
Keyboard shortcuts and ARIA behavior.