3D Depth Carousel

3D Depth Carousel

About 3D Depth Carousel

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.