---
title: "3D Cylinder Scroll — Framer component · Best of Framer"
description: "$15.00 · Framer component · by THE DESIGN FUTURIST · Cards. A 3D cylinder-shaped infinite scroll"
canonical: "https://framer.elliotli.dev/component/3d-cylinder-scroll"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3D Cylinder Scroll

# 3D Cylinder Scroll

A 3D cylinder-shaped infinite scroll

[View on Framer](https://framer.com/marketplace/components/3d-cylinder-scroll/?via=elliot-li)

![3D Cylinder Scroll preview image 1](https://framer.elliotli.dev/og/component/3d-cylinder-scroll/e4d69a2387dc57e6/1600x1200.jpg)

## Summary

A 3D cylinder-shaped infinite scroll

## Description

A 3D cylinder-shaped infinite card scroll component powered by Three.js.It includes smooth scrolling and supports links on both images and videos.For detailed specifications, please refer to the Customizable Properties section.

### Customizable Properties

1.  Mode
    
    -   Touch / MouseOptimized performance for both desktop and touch-based devices.
        
2.  Theme
    
    -   Dark / LightChoose between Dark and Light themes based on lighting conditions.
        
3.  Items (Array)
    
    Add multiple items and assign links
    
    -   Media Type: Image / Video
        
    -   Poster Image for Video
        
    -   Link
        
    -   Open in New Tab
        
4.  Aspect Ratio
    
    -   1:1, 2:3, 3:2, 3:4, 4:3, 4:5, 16:9, 9:16
        
5.  3D Scene
    
    -   PerspectiveControls camera depth and perspective. Adjust scale via zoom in/out.
        
    -   ColumnsNumber of items displayed per row.
        
    -   GapSpacing between items.
        
6.  Animation
    
    -   Auto Rotation: Enabled / Disabled
        
    -   Auto Rotation Speed
        
    -   Preview in Editor: Enabled / Disabled
        
7.  Interaction
    
    -   Scroll Shader (Noise): Enabled / Disabled
        
    -   Hover Shader (Noise): Enabled / Disabled
        
    -   Hover Shader (Noise) Amount
        
8.  Smooth Scrolling
    
    -   Use Lenis: Enabled / Disabled
        
    -   Amount
        

### Have Questions?

[hello@thedesignfuturist.zip](mailto:hello@thedesignfuturist.zip)

[![THE DESIGN FUTURIST — Framer component library](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-x4lbhxbs-isKkaQh7k24gBewM9TjrCwyf6YlRrZ)](https://thedesignfuturist.zip)THE DESIGN FUTURIST — Framer component library

## Rank history [How rankings work →](/terms#rankings)

-   All · #5563

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $15.00
- **Published**: 2026-01-20
- **Updated**: 2026-06-04
- **Added**: 2026-01-07
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards