---
title: "3D Scroll Cards — Framer component · Best of Framer"
description: "$10.00 · Framer component · by hayriye akgüller · Cards. Scroll-driven 3D cards for project"
canonical: "https://framer.elliotli.dev/component/3d-scroll-cards"
---

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

# 3D Scroll Cards

Scroll-driven 3D cards for project

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

![3D Scroll Cards preview image 1](https://framer.elliotli.dev/og/component/3d-scroll-cards/a4c3c4920e11573c/1600x1320.jpg)

## Summary

Scroll-driven 3D cards for project

## Description

### **3D Scroll Project Cards**

## Projects, brought into motion.

A refined 3D scroll showcase for Framer. Present selected work, case studies and featured projects with depth, perspective and a smooth sense of motion.

## Image or video. Your call.

Every card is independent.

Use an image for one project. A video for the next. Mix both freely across the same showcase without changing the structure of your page.

## Made to be yours.

Add, remove and reorder cards directly in Framer.

Adjust content, media, links, typography, colors, borders, radius and spacing without touching code.

Choose a global Light or Dark theme, or give individual cards their own visual direction.

## Motion with purpose.

Perspective, scale and depth work together to create a smooth 3D scroll experience.

Each project stays visible, moves naturally into the center and makes space for what comes next.

## Built for real work.

Designed for portfolios, creative studios, agencies, product designers, photographers, architects and editorial websites.

Perfect for:

-   Portfolio websites
    
-   Case studies
    
-   Featured projects
    
-   Agency websites
    
-   Creative studios
    
-   Product showcases
    
-   Design portfolios
    
-   Photography
    
-   Architecture
    
-   Branding
    
-   Editorial work
    

## Thoughtfully built for Framer.

Responsive across desktop, tablet and mobile.

Includes a static-render-safe fallback for Framer Canvas and publishing, while keeping the full scroll-driven experience on the live site.

### Features

-   Scroll-driven 3D motion
    
-   Image and video support
    
-   Independent media per card
    
-   Add, remove and reorder cards
    
-   Automatic project indexing
    
-   Individual project links
    
-   Rotating arrow hover interaction
    
-   Light and Dark themes
    
-   Per-card custom styling
    
-   Adjustable card size
    
-   Adjustable scroll spacing
    
-   Perspective and depth controls
    
-   Custom typography
    
-   Custom stroke and radius
    
-   Responsive layout
    
-   Static-render-safe structure
    
-   No CMS setup required
    
-   No-code customization
    

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

-   All · #2779

## Details

- **Author**: hayriye akgüller
- **Price**: $10.00
- **Published**: 2026-08-25
- **Updated**: 2026-08-26
- **Added**: 2026-08-25
- **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