Skip to content

Rolling Gallery

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 How rankings work →

1500110001109798/149/49/2610/1811/9
  • All · #10893

Details

More like this