---
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 · #3351

## 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

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator