Infinite Spiral
An endless 3D helix of images that climbs and turns on its own. Drag or use the arrow keys to push it.
import { InfiniteSpiral } from "pleate/effects/infinite-spiral";Photo helix
Props
- items
Images.
{ src, alt }[]- radius
Helix radius (px).
numberdefault 220- spacing
Vertical gap (px).
numberdefault 44- perTurn
Items per turn.
numberdefault 8- speed
Items per second.
numberdefault 0.35- cardWidth
Card width (px).
numberdefault 150
Accessibility
- Hover or focus pauses it; arrow keys turn it.
- Reduced motion keeps it still.