---
title: "VideoCarousel3D — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Carousels. Bring your videos to life in 3D"
canonical: "https://framer.elliotli.dev/component/videocarousel3d"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/VideoCarousel3D

# VideoCarousel3D

Bring your videos to life in 3D

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

![VideoCarousel3D preview image 1](https://framer.elliotli.dev/og/component/videocarousel3d/d51d661ecd6226fe/1600x1200.jpg)

## Summary

Bring your videos to life in 3D

## Description

### About

Perspective Video Carousel brings a completely immersive, cinematic video experience right into your Framer projects. Drop it into your homepage, portfolio, or landing page to grab attention instantly with dynamic layers. It features built-in mobile breakpoints, fluid hover states, and smooth auto play that keeps visitors engaged without slowing down your site.

### What it does

Renders a beautiful 3D carousel that displays multiple video items with adjustable depth scales and perspective values. It handles transitions flawlessly with custom navigation buttons, dot indicators, and a slide counter. The component also features automated play cycles, intelligent hover zoom animations, and a sleek grayscale effect for inactive cards to make sure your active content always stands out.

### What you can customize

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vu2i3jr-gSaza06CT3Qhsnco1QXCWC2PrRdcgV)

-   **Layout & Playback**: Adjust total video items, toggle mobile responsiveness, set custom mobile breakpoints, change orientation from horizontal to vertical, and toggle auto play or video controls.
    
-   **Dimensions & 3D Depth**: Fine tune shadow depths, depth spacing, perspective focal points, depth scale factors, inactive slide opacity levels, border radius corners, and border widths.
    
-   **Styling & UI Elements**: Show or hide the slide counter, dot indicators, or navigation buttons. Customize colors for the background, border, counters, buttons, active dots, and update the counter typography to match your branding.
    

### Great for

-   Product walk-throughs and feature demos
    
-   Design portfolios and showreels
    
-   Landing pages needing a premium visual hook
    
-   Event highlights and promo sections
    
-   Creative studio homepages
    

### Share your build

If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I would love to see what you create.

### Need help?

Questions or feedback? Reach me anytime: [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

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

-   All · #10645

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-06-05
- **Updated**: 2026-08-31
- **Added**: 2026-06-03
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view