Carousel
Swipeable cards for feature tours, stories and galleries, with five transitions and an autoplay timer.
Use 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/Carousel-TS-TWRelated components
- Card Swap
A 3D stack of cards that sends the front card to the back on a timer, or when you fling it.
- 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.