ImageTrail
Estela de imágenes que sigue al cursor, con varias variantes.
- Código: RODD·AN·017
- Familia: Animaciones
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/ImageTrail-TS-TW
Cuándo usarlo
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| items | string[] | [] |
| variant | number | 1 |
Otros efectos de animaciones
- MagnetLines — Campo de agujas que apuntan hacia el cursor.
- OrbitingCircles — Iconos orbitando alrededor de un centro.
- RippleDistortion — Distorsión de agua que deja una estela al pasar el puntero.
- SmoothCursor — Cursor con física de muelle que gira según la dirección.
- SwarmCursor — Enjambre de partículas que persigue al cursor.
- BorderBeam — Haz de luz que recorre el borde de un contenedor.