BounceCards
Abanico de tarjetas que entran rebotando.
- Código: RODD·CP·004
- Familia: Componentes
- Origen: React Bits (David Haz) · Licencia MIT + Commons Clause
Cómo instalarlo
npx shadcn@latest add https://reactbits.dev/r/BounceCards-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 |
|---|
| className | string | |
| images | string[] | [] |
| containerWidth | number | 400 |
| containerHeight | number | 400 |
| animationDelay | number | 0.5 |
| animationStagger | number | 0.06 |
| easeType | string | elastic.out(1, 0.8) |
| transformStyles | string[] | various rotations/translations |
| enableHover | boolean | false |
Otros efectos de componentes
- ChromaGrid — Rejilla en escala de grises que se colorea donde miras.
- DecayCard — Tarjeta cuyo contenido se desintegra al pasar el ratón.
- DriftWall — Muro infinito de tarjetas en perspectiva que se elevan al hover.
- Folder — Carpeta que se abre para revelar su contenido.
- InfiniteSpiral — Hélice 3D infinita de imágenes.
- Marquee — Carrusel infinito para logos, opiniones o imágenes.