FlyingPosters
Pósters 3D que vuelan en bucle con el scroll.
- Código: RODD·CP·021
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/FlyingPosters-TS-TW
Cuándo usarlo
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
Props para personalizarlo
| Prop | Tipo | Por defecto |
|---|
| items | string[] | [] |
| planeWidth | number | 320 |
| planeHeight | number | 320 |
| distortion | number | 3 |
| scrollEase | number | 0.01 |
| cameraFov | number | 45 |
| cameraZ | number | 20 |
Otros efectos de componentes
- InfiniteSpiral — Hélice 3D infinita de imágenes.
- Marquee — Carrusel infinito para logos, opiniones o imágenes.
- MorphSlider — Slider WebGL que funde imágenes con una transición líquida.
- PixelImage — Imagen que se revela píxel a píxel.
- SpotlightCard — Tarjeta con foco de luz que sigue al cursor.
- TiltedCard — Tarjeta 3D que se inclina hacia el puntero.