Copias fantasma siguen al texto hasta fundirse en una sola palabra.
npx shadcn@latest add https://reactbits.dev/r/EchoText-TS-TW
Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.
| Prop | Tipo | Por defecto |
|---|---|---|
| text | string | "Motion Echo" |
| echoes | number | 12 |
| lag | number | 0.24 |
| offset | number | 36 |
| direction | "right" | "left" | "up" | "down" | "diagonal" | "right" |
| fade | number | 0.72 |
| blur | number | 3 |
| tint | string | false | "#7dd3fc" |
| mode | "entrance" | "pointer" | "both" | "both" |
| cursorRadius | number | 320 |
| duration | number | 900 |
| ease | "linear" | "ease-out" | "ease-in-out" | "snappy" | "ease-out" |
| fontSize | string | number | "clamp(3rem, 9vw, 7rem)" |
| fontWeight | string | number | 800 |
| color | string | "#f8fafc" |
| className | string | "" |
| style | CSSProperties | undefined |