Skip to content

component

Rolling Gallery

By RAMDIN SINGH

Details

Summary

RollingGallery is a 3D interactive image carousel built with React, Framer Motion, and CSS 3D transforms.

Description

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.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750188568/148/228/309/79/15
  • All · #8856