variable-proximity

reactbits

Characters swell in font weight as the pointer nears them — per-char font-variation-settings via pointermove + rAF. Needs a variable font (the default Inter stack qualifies); on static fonts it stays at the base weight. prefers-reduced-motion disables it.

npx lorre-blocks add variable-proximity

Move the pointer across the words (variable font required).

Dependencies

Registry (installed automatically)

utils

Tags: variable · font · proximity · pointer · interactive · motion