TiltedCard

Tarjeta 3D que se inclina hacia el puntero.

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

Cómo instalarlo

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

Cuándo usarlo

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

Props para personalizarlo

PropTipoPor defecto
imageSrcstringN/A
altTextstringTilted card image
captionTextstring
containerHeightstring300px
containerWidthstring100%
imageHeightstring300px
imageWidthstring300px
scaleOnHovernumber1.1
rotateAmplitudenumber14
showMobileWarningbooleantrue
showTooltipbooleantrue
displayOverlayContentbooleanfalse
overlayContentReactNodenull

Otros efectos de componentes

  • BounceCards — Abanico de tarjetas que entran rebotando.
  • Carousel — Carrusel responsive con gestos táctiles y bucle.
  • CurvedInput — Campo de texto curvado con botón de envío.
  • DragElements — Elementos que puedes arrastrar y lanzar.
  • FlyingPosters — Pósters 3D que vuelan en bucle con el scroll.
  • InfiniteMenu — Esfera infinita de elementos navegable con arrastre.