Infinite Spiral
An endlessly looping 3D helix of images with adjustable motion, depth and spacing.
Use Infinite Spiral in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/InfiniteSpiral-TS-TWRelated components
- Circular Carousel
A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.
- Depth Carousel
Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.
- Dome Gallery
Immersive 3D dome gallery projecting images on a hemispheric surface.