ScrollDepth Carousel

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.