Screensaver
Elementos que rebotan por la pantalla como un salvapantallas.
- Código: RODD·AN·057
- Familia: Animaciones
- Origen: Fancy Components (Daniel Petho) · Licencia MIT
Cómo instalarlo
npx shadcn@latest add "https://fancycomponents.dev/r/screensaver.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 |
|---|
| children | unknown | |
| speed | number | 3 |
| startPosition | unknown | { x: 0, y: 0 } |
| startAngle | number | 45 |
| containerRef | unknown | |
| className | unknown | |
Otros efectos de animaciones
- StarBorder — Borde con destellos que orbitan alrededor del contenido.
- AnimatedContent — Envoltorio que anima cualquier contenido al entrar en pantalla.
- Confetti — Lanza confeti para celebrar una acción.
- DitherVeil — Foto impresa en dither de 1 bit que el cursor “quema” hasta el color.
- Float — Envoltorio que hace flotar suavemente su contenido.
- Gravity — Elementos que caen con física real y puedes lanzar.