Accordion Gallery
Panels expand on hover or focus, revealing parallax imagery and captions.
Use Accordion 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/AccordionGallery-TS-TWRelated components
- Bounce Cards
A fan of photo cards that bounce in, then spread apart and straighten the one you hover.
- Circular Carousel
A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.
- Circular Gallery
A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.