Word Magnet Rotation
As the cursor moves nearby, the text responds with a gentle pull and a slight rotation.
About this Component
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.
Fine-tune the behaviour with simple physics controls:
Radius (50–300px): How far the cursor reachesForce (0.1–1.0): How strong the pull feelsRotation (0–30°): Adds a subtle tilt per wordStiffness (10–400): How quickly words snap backDamping (5–50): How smooth or bouncy the motion isReturn Delay (0–1000ms): Pause before returning to rest
It supports full typography controls, works with multi-line text, and adapts to different layouts.
