Skip to content

component

Word Magnet Rotation

By Sally Yang

Details

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.

Introduction

Directional pull with subtle rotation

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400147948/148/228/309/79/15
  • All · #4747