Depth Carousel
Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.
Use Depth Carousel 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/DepthCarousel-TS-TWRelated components
- Circular Carousel
A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.
- Carousel
Swipeable cards for feature tours, stories and galleries, with five transitions and an autoplay timer.
- Circular Gallery
A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.