Ghosted copies trail behind the text and settle into a single word.
The echoes collapse into the word on mount and smear again as the pointer moves. Use the replay button after changing Direction, Ease or Duration.
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | "Motion Echo" | Text rendered by the crisp front copy and every echo layer. |
echoes | number | 12 | Number of ghost copies behind the front text. |
lag | number | 0.24 | How slowly deeper echoes chase the current target. |
offset | number | 36 | Pixel travel used by the entrance spread and pointer response. |
direction | "right" | "left" | "up" | "down" | "diagonal" | "right" | Direction the entrance trail collapses from. |
fade | number | 0.72 | Opacity falloff applied from one echo to the next. |
blur | number | 3 | Maximum blur in pixels on the deepest echo. |
tint | string | false | "#7dd3fc" | Optional chromatic tint blended into the echo layers. |
mode | "entrance" | "pointer" | "both" | "both" | Whether to run the entrance, pointer smear, or both. |
cursorRadius | number | 320 | Distance in pixels over which the cursor pulls the text to full offset. Larger values react from further away and arrive later. |
duration | number | 900 | Entrance convergence duration in milliseconds. |
ease | "linear" | "ease-out" | "ease-in-out" | "snappy" | "ease-out" | Timing curve used for the entrance convergence. |
fontSize | string | number | "clamp(3rem, 9vw, 7rem)" | Font size applied to the text stack. |
fontWeight | string | number | 800 | Font weight applied to all copies. |
color | string | "#f8fafc" | Color of the crisp front copy. |
Keyboard shortcuts and ARIA behavior.