Circular Gallery
A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.
Use Circular Gallery 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/CircularGallery-TS-TWRelated components
- Stack
Pile of cards you can drag, flick or click through, with thrown cards tucking underneath.
- Flying Posters
3D posters that twist and flip as you scroll or drag through an endless column.
- Circular Carousel
A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.