Skip to content

Word Magnet Rotation

Directional pull with subtle rotation

Word Magnet Rotation preview image 1

Summary

Directional pull with subtle rotation

Description

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.

Rank history How rankings work →

12001400157238/149/59/2710/1911/10
  • All · #5082

Details

More like this