---
title: "3D Card Scroll — Framer component · Best of Framer"
description: "$15.00 · Framer component · by THE DESIGN FUTURIST · Cards. Three.js + GSAP 3D Card Scroll"
canonical: "https://framer.elliotli.dev/component/3d-card-scroll"
---

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

# 3D Card Scroll

Three.js + GSAP 3D Card Scroll

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

![3D Card Scroll preview image 1](https://framer.elliotli.dev/og/component/3d-card-scroll/18583040a385262c/1600x1200.jpg)

## Summary

Three.js + GSAP 3D Card Scroll

## Description

Infinite-scroll 3D cards for Framer, built with Three.js and featuring GSAP-powered micro-interactions for a highly engaging experience. Adjust camera motion and spatial settings to tailor the scene exactly to your needs.

### Customizable Properties

1.  ItemsAdd Image Items, Write Alt Text, And Add Links. (Links Are Added In The Modal.)
    
2.  Total CountSet The Total Number Of Cards.
    
3.  Card
    
    -   Width
        
    -   Height
        
    -   Radius
        
    -   Opacity
        
    -   Perspective
        
    -   Thickness
        
4.  Object Fit: Cover / Contain
    
5.  Scroll Speed
    
6.  Depth RangeAdjust The 3D Depth.
    
7.  CameraAdjust The Camera Angle, Distance, And Perspective To Control The Spatial Feel Of The 3D Scene.
    
    -   Height
        
    
    -   Distance
        
    -   Perspective
        
8.  ModalConfigure The Modal That Appears With An Animation When A Card Is Clicked.
    
    -   Card Scale
        
    -   Close Button Size
        
    -   Close Button Background Color
        
    -   Close Button Background Color (On Hover)
        
    -   Close Button Icon Color
        
    -   Close Button Icon Thickness
        
    -   Close Button Background Blur
        

### 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-lmp8jn3p-5NRJkP266FKs20RTKlAazDxnoLUdtB)](https://thedesignfuturist.zip)THE DESIGN FUTURIST — Framer Component Library

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

-   All · #5237

## Details

- **Author**: THE DESIGN FUTURIST
- **Price**: $15.00
- **Published**: 2025-11-21
- **Updated**: 2026-06-04
- **Added**: 2025-11-17
- **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