Proximity Type

component

A headline with gravity: each character chases a numeric font weight (340 → 900) based on pointer distance with exponential smoothing, so the type visibly lags the cursor. Glow, letter-spacing falloff and an idle breathing wave. Reduced-motion safe.

pnpm dlx shadcn@latest add "https://motiq.dev/r/proximity-type.json"

Sign In

Proximity Type

component

A headline with gravity: each character chases a numeric font weight (340 → 900) based on pointer distance with exponential smoothing, so the type visibly lags the cursor. Glow, letter-spacing falloff and an idle breathing wave. Reduced-motion safe.

pnpm dlx shadcn@latest add "https://motiq.dev/r/proximity-type.json"

components/motiq/proximity-type.tsx