---
title: "3D Depth Carousel — Framer component · Best of Framer"
description: "$10.00 · Framer component · by VZ Design · Carousels. Premium 3D Infinite Carousel"
canonical: "https://framer.elliotli.dev/component/3d-depth-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/3D Depth Carousel

# 3D Depth Carousel

Premium 3D Infinite Carousel

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

![3D Depth Carousel preview image 1](https://framer.elliotli.dev/og/component/3d-depth-carousel/7dd3327cf1a59a7d/1600x612.jpg)

## Summary

Premium 3D Infinite Carousel

## Description

**Create stunning image galleries with a realistic 3D depth effect.** The active card stays perfectly centered while surrounding cards rotate smoothly in a premium circular motion, creating an immersive and modern user experience.

Perfect for travel websites, portfolios, photography, luxury brands, product showcases, real estate and landing pages.

Fully responsive and easy to customize directly from the Framer Style panel — **no coding required**.

## Perfect for

-   Travel Websites
    
-   Photography
    
-   Portfolios
    
-   Product Showcases
    
-   Luxury Brands
    
-   Real Estate
    
-   Creative Agencies
    
-   SaaS Websites
    
-   Landing Pages
    
-   Modern Businesses
    

## Why You'll Love It

-   Realistic 3D depth effect
    
-   Smooth infinite carousel
    
-   Beautiful premium animations
    
-   Fully responsive on Desktop, Tablet & Mobile
    
-   Touch, drag & swipe support
    
-   Built for Framer
    
-   Professional premium design
    
-   No coding required
    
-   Customize everything directly from the Style panel
    

## Features

### Images

-   Image List
    
-   Alt Text
    
-   Title
    
-   Description
    
-   Link
    
-   Open in New Tab
    

### Card Size

-   Width
    
-   Height
    
-   Gap Between Cards
    
-   Active Card Scale
    

### Card Appearance

-   Corner Radius
    
-   Side Card Opacity
    
-   Side Card Scale
    
-   Side Card Rotation
    

### Shadows

-   Shadow Blur
    
-   Shadow Strength
    
-   Shadow Color
    
-   Shadow Offset
    

### Navigation Arrows

-   Show / Hide
    
-   Arrow Color
    
-   Button Size
    
-   Icon Size
    
-   Button Background
    
-   Button Border
    
-   Button Radius
    
-   Button Shadow
    
-   Arrow Position
    

### Dots

-   Show / Hide
    
-   Active Color
    
-   Inactive Color
    
-   Dot Size
    
-   Dot Gap
    

### Animation

-   Auto Scroll
    
-   Auto Scroll Speed
    
-   Direction
    
-   Pause on Hover
    
-   Infinite Loop
    
-   Drag
    
-   Swipe
    
-   Initial Slide
    
-   Animation Speed
    
-   Animation Type
    

### Captions

-   Show / Hide
    
-   Only Active
    
-   Position
    
-   Alignment
    
-   Title & Description
    
-   Background
    
-   Background Blur
    
-   Radius
    
-   Padding
    

### Background

-   Background Color
    
-   Background Opacity
    

## No Code Required

Every setting can be customized directly from the **Framer Style Panel**. Change images, colors, sizes, animations and appearance at any time — **no coding required**.

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

-   All · #4799

## Details

- **Author**: VZ Design
- **Price**: $10.00
- **Published**: 2026-07-31
- **Updated**: 2026-07-31
- **Added**: 2026-07-31
- **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