InfiniteSpiral

Hélice 3D infinita de imágenes.

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

Cómo instalarlo

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

Cuándo usarlo

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

Props para personalizarlo

PropTipoPor defecto
items(string | SpiralItem)[][]
speednumber0.55
direction"up" | "down""up"
animationMode"auto" | "drag" | "scroll" | "all""auto"
radiusnumber170
cardWidthnumber100
cardHeightnumber100
verticalSpacingnumber60
perspectivenumber1000
cardsPerTurnnumber7
rotationnumber0
cardTiltnumber0
cardRadiusnumber10
centerScalenumber1.2
edgeFadenumber0.3
edgeBlurnumber6
pauseOnHoverbooleantrue
imageFit"cover" | "contain""cover"
grayscalenumber0
classNamestring""

Otros efectos de componentes

  • 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.
  • AccordionGallery — Paneles que se expanden al hover revelando imágenes con parallax.
  • BounceCards — Abanico de tarjetas que entran rebotando.