Every technique in the library, running.
119 techniques across 7 categories. Each tile is the component itself rather than a recording of it, which is why they take turns: the grid runs to a GPU budget, and a tile holds its poster until a slot is worth spending on it. Scroll to one, or hover it, and it takes the next slot.
- 119
- 7
- 4
- 49
Cursor
Pointer-following, magnetism, hover state, custom cursors.
Blend-Difference Cursor
A white dot in difference blend mode inverts whatever it crosses, growing 16 to 44 to 150px on hover.
Cursor Clip-Path Mask
A disc of a second layer follows the pointer; hovering the trigger grows it until it covers the panel.
Cursor Repulsion Burst
An orbiting particle field the pointer pushes out of the way, and a press detonates into a shock wave with a heat band.
Dither Trail Image Reveal
A dimmed image restored through a trail of Bayer-thresholded blocks that smear in the direction the pointer moved.
GSAP Cursor Follower
A puck that replaces the arrow inside a panel, trailing 0.4s behind and swelling to a label over targets.
Hover List Image Trail
Hovering a row stacks a plate into a column that follows the pointer; the oldest is culled past twenty.
Magnetic Pointer Button
A button that leans toward the cursor and springs back, with the label leading the box.
Pointer Palette Sampling
Point at the artwork and it names the colour — a clamped pixel read snapped to the nearest palette entry.
Pointer-Variable Gradient
A soft glow tracks the pointer through two CSS custom properties. No rAF, no tween, no string rebuilding.
Pooled Cursor Image Trail
Tiles drop behind the cursor from a fixed ring of 22 reused nodes, one every 130px of travel.
quickTo Cursor Preview
A preview panel drifts a full second behind the pointer, driven by two reused quickTo tweens.
Radial Mask Spotlight
A layer masked to a soft disc follows the pointer, with a flat core that makes it read as a beam.
Tweened Cursor Uniform
A shader grid with a lens under the pointer, whose position is tweened into the uniform so it settles instead of chasing.