---
title: "CMS 3D Scroll Stack — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Nora Salem · Cards. CMS 3D scrolling gallery"
canonical: "https://framer.elliotli.dev/component/cms-3d-scroll-stack"
---

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

# CMS 3D Scroll Stack

CMS 3D scrolling gallery

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

![CMS 3D Scroll Stack preview image 1](https://framer.elliotli.dev/og/component/cms-3d-scroll-stack/e2e6462de39a6317/1600x1200.jpg)

## Summary

CMS 3D scrolling gallery

## Description

[Live Demo](https://3d-scroll-stack.framer.website/)

Bring immersive 3D motion to your Framer sites. This high-performance gallery rotates, stacks, and recedes cards into 3D space as you scroll, creating a premium, tactile experience.

⚡ **Full Framer CMS Support** Built for real production websites. Seamlessly connect your native Framer CMS collections with a single click, or flip a toggle to upload custom images manually.

### Key Features

-   **Smart Content Toggle:** Switch between **CMS Mode** and **Custom Images** instantly.
    
-   **Clean Panel UI:** Irrelevant settings automatically hide based on your selected mode to keep your canvas clutter-free.
    
-   **Butter-Smooth Motion:** Highly optimized code ensures flawless, lag-free scrolling across all browsers.
    
-   **Dynamic Visuals:** Cards automatically adjust their 3D rotation, depth, brightness, and saturation based on scroll position.
    

### Fully Customizable

Fine-tune the animation and layout directly from the properties panel:

-   **Push Depth (Z):** Control how far back the cards recede.
    
-   **Perspective:** Adjust the intensity of the 3D viewport.
    
-   **Card Overlap:** Customize the vertical stacking gap between cards.
    
-   **Width & Radius:** Easily adjust dimensions (automatically handled in CMS mode).
    

**Need Help or Have Questions?**

**Feel free to reach out at** [_norasalem0101@gmail.com_](mailto:norasalem0101@gmail.com)

**or**

[**X**](https://x.com/SalXNura)

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

-   All · #9116

## Details

- **Author**: Nora Salem
- **Price**: $15.00
- **Published**: 2026-06-30
- **Updated**: 2026-08-22
- **Added**: 2026-06-30
- **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