DriftWall

Muro infinito de tarjetas en perspectiva que se elevan al hover.

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

Cómo instalarlo

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

Cuándo usarlo

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

Props para personalizarlo

PropTipoPor defecto
itemsarray15 demo tiles
columnsnumber5
tileWidthnumber200
tileHeightnumber132
gapnumber18
radiusnumber14
tiltnumber16
turnnumber-14
rollnumber0
perspectivenumber1200
depthnumber120
speednumber42
direction"up" | "down""up"
variancenumber0.45
parallaxnumber0.6
pauseOnHoverbooleanfalse
liftnumber64
fadenumber0.6
dimnumber0.55
grayscalebooleanfalse
overlayColorstring"#060010"

Otros efectos de componentes

  • GlassIcons — Iconos con efecto de cristal esmerilado.
  • Lanyard — Credencial 3D colgante con física de péndulo realista.
  • MarqueeAlongSvgPath — Marquesina de imágenes que sigue una curva SVG.
  • NeonGradientCard — Tarjeta con un borde de neón en degradado.
  • ProfileCard — Tarjeta de perfil holográfica con inclinación 3D.
  • Stack — Pila de fotos arrastrable con autoplay.