---
title: "ScrollDepth Carousel — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Russet Supply · Carousels. A scroll‑driven 3D snap‑carousel"
canonical: "https://framer.elliotli.dev/component/scrolldepth-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/ScrollDepth Carousel

# ScrollDepth Carousel

A scroll‑driven 3D snap‑carousel

[View on Framer](https://framer.com/marketplace/components/scrolldepth-carousel/?via=elliot-li)

![ScrollDepth Carousel preview image 1](https://framer.elliotli.dev/og/component/scrolldepth-carousel/b89a2be6d72a68df/1600x1200.jpg)

## Summary

A scroll‑driven 3D snap‑carousel

## Description

A smooth 3D carousel built for Framer that works in both **snap-carousel** and **ticker** modes. It combines scroll-friendly motion, depth, blur, labels, and flexible card styling so your content feels more premium and interactive.

## **Key features**

-   **3D depth effect** with scale, rotation, blur, and opacity transitions.
    
-   **Scroll and drag interaction** for a more natural browsing experience.
    
-   **Interaction Speed control** to fine-tune how fast or soft the motion feels.
    
-   **Curved / Straight card style toggle** for different design moods.
    
-   **Ticker Mode** for continuous looping content.
    
-   **Hover slow-down in ticker mode** for better readability.
    
-   **Hover-only labels in ticker mode** to keep the UI clean.
    
-   **Optional active ring** for stronger focus on the selected card.
    
-   **Corner bracket styling** for a more editorial, framed look.
    
-   **Custom card size, spacing, radius, depth, and blur** for full visual control.
    

## **Where to use it**

-   Hero sections on landing pages.
    
-   Portfolio showcases.
    
-   Product galleries.
    
-   Feature highlights.
    
-   Brand story sections.
    
-   Client logos or partner strips.
    
-   Editorial-style content sliders.
    
-   Any section where you want motion without losing clarity.
    

## **Why it’s valuable**

-   It makes content feel more **premium** and intentional.
    
-   It gives designers more control without needing extra code.
    
-   It supports both **focused browsing** and **continuous motion** in one component.
    
-   It helps important content stand out through hierarchy and depth.
    
-   It adds interaction that feels smooth, modern, and easy to scan.
    

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

-   All · #4633

## Details

- **Author**: Russet Supply
- **Price**: $3.00
- **Published**: 2026-06-27
- **Updated**: 2026-09-22
- **Added**: 2026-06-27
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow