Rolling Gallery
Rolling Gallery – A 3D interactive image carousel built with React + Framer Motion. Supports drag, autoplay, and pause on hover with smooth cylinder-style rotation."
About this Component
RollingGallery is a 3D interactive image carousel built with React, Framer Motion, and CSS 3D transforms.
✨ Features
3D Cylinder Effect → Images are placed around a rotating cylinder.
Drag Support → Users can drag left/right to spin the gallery.
Autoplay Mode → Automatically rotates images with configurable interval.
Pause on Hover → Option to pause autoplay when the mouse hovers over the gallery.
Responsive → Adjusts image and cylinder sizing for small screens.
Smooth Animation → Physics-based Spring animations on drag release.
Hover Zoom → Slight zoom effect when hovering an image.
