PixelTrail
Estela de píxeles detrás del cursor.
- Código: RODD·AN·054
- Familia: Animaciones
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/pixel-trail.json"
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 |
|---|
| pixelSize | number | 20 |
| fadeDuration | number | 500 |
| delay | number | 0 |
| className | unknown | |
| pixelClassName | unknown | |
Otros efectos de animaciones
- ShineBorder — Borde con un brillo de degradado animado.
- Strands — Hebras luminosas que ondulan y se entrelazan.
- BlobCursor — Cursor orgánico en forma de gota con inercia y morphing elástico.
- Crosshair — Cursor de mira con líneas que siguen al ratón y distorsionan enlaces.
- ElasticMesh — Superficie de malla elástica que se estira bajo el puntero.
- GlowCursor — Estela de luz por shader que sigue al puntero con pulso y brillo.