X login page

Here's a breakdown of the animation.

  1. There are 2 parts to it, first is the duplicate path so that both, the moving part and the static part are visible.
  2. Animate the radialGradient property with motion. Use useSpring and useTransform to animate the cx and cy properties.
  3. A global event listener is used to animate the cx and cy properties based on the mouse position.