---
title: "Rolling Gallery — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RAMDIN SINGH · Carousels. RollingGallery is a 3D interactive image carousel built with React, Framer Motion, and CSS 3D transforms."
canonical: "https://framer.elliotli.dev/component/new-rolling-gallery"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Rolling Gallery

# Rolling Gallery

[View on Framer](https://framer.com/marketplace/components/new-rolling-gallery/?via=elliot-li)

![Rolling Gallery preview image 1](https://framer.elliotli.dev/og/component/new-rolling-gallery/ce11ad22d44b0b17/1600x1200.jpg)

## 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 →](/terms#rankings)

-   All · #10893

## Details

- **Author**: RAMDIN SINGH
- **Price**: $5.00
- **Published**: 2025-10-07
- **Updated**: 2026-01-03
- **Added**: 2025-09-28
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view