Stack

Pila de fotos arrastrable con autoplay.

  • Código: RODD·CP·042
  • Familia: Componentes
  • Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/Stack-TS-TW

Cuándo usarlo

Sustituyen a un componente estándar cuando la experiencia es parte del producto.

Props para personalizarlo

PropTipoPor defecto
sendToBackOnClickbooleanfalse
cardsReactNode[][]
animationConfigobject{ stiffness: 260, damping: 20 }
autoplaybooleanfalse
autoplayDelaynumber3000
pauseOnHoverbooleanfalse

Otros efectos de componentes

  • AnimatedBeam — Haces de luz que conectan elementos, ideal para integraciones.
  • BoxCarousel — Carrusel en forma de cubo 3D.
  • 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.