Word Magnet Rotation
As the cursor moves nearby, the text responds with a gentle pull and a slight rotation.
The Word Magnet component makes text feel alive. Each word responds to your cursor with a gentle magnetic pull and optional rotation, then smoothly settles back using spring-based motion. You can easily control the amount of rotation to add a soft sense of tilt and direction, keeping the interaction playful while staying easy to read.
Key Features
Radius (50–300px): How far the cursor reaches
Force (0.1–1.0): How strong the pull feels
Rotation (0–30°): Adds a subtle tilt per word
Stiffness (10–400): How quickly words snap back
Damping (5–50): How smooth or bouncy the motion is
Return Delay (0–1000ms): Pause before returning to rest
It supports full typography controls, works with multi-line text, and adapts to different layouts.
