---
title: "3D Media Showcase — Free Framer component · Best of Framer"
description: "Free Framer component · by Ameva · Carousels. Interactive video & image carousel"
canonical: "https://framer.elliotli.dev/component/3d-media-showcase"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/3D Media Showcase

# 3D Media Showcase

Immersive 3D momentum carousel

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

![3D Media Showcase preview image 1](https://framer.elliotli.dev/og/component/3d-media-showcase/d437bf0a92ac90cf/1600x1200.jpg)

## Summary

Interactive video & image carousel

## Description

Transform static media into an interactive 3D cylindrical carousel with smooth drag physics, auto-playing videos, and dynamic story-style progress bars.

**Features**

-   Smooth inertia-based drag and swipe rotation
    
-   Full support for high-resolution images and videos
    
-   Dynamic Instagram Story-style 3D progress bars
    
-   Active-panel video autoplay with smart background pausing
    
-   Automatic edge snapping to face the nearest slide
    
-   Intelligent 'object-fit: cover' texture mapping
    
-   Lightweight WebGL architecture with deep memory cleanup
    
-   Built-in IntersectionObserver to preserve battery and GPU usage
    
-   Seamless responsive resizing on all screen sizes
    
-   Complete in-canvas Framer live preview controls
    

**Customization Options**

-   Media items array (switch between images and videos)
    
-   Panel width and panel height dimensions
    
-   Camera distance and focal depth offset
    
-   Scene background color and transparency
    
-   Drag sensitivity and touch responsiveness
    
-   Motion smoothing and lerp speed damping
    
-   Snap to face toggle on release
    
-   Live preview toggle for canvas performance
    

**How to Use**

-   Drag and drop the component onto your Framer canvas
    
-   Add your media items via the properties panel
    
-   Select whether each slide is an image or a video
    
-   Adjust panel dimensions and camera distance to fit your layout
    
-   Fine-tune drag sensitivity and snapping behavior
    
-   Publish your site to deliver an engaging 3D experience
    

**Use Cases**

-   Modern agency portfolio showcases
    
-   Instagram and TikTok reel displays
    
-   SaaS feature highlights and walkthroughs
    
-   E-commerce 3D product previews
    
-   Creative case study visual galleries
    
-   Premium landing page hero sections
    
-   Client testimonial video reels
    
-   Digital artwork and photography exhibits
    

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

-   All · #4349

## Details

- **Author**: Ameva
- **Published**: 2026-09-14
- **Updated**: 2026-09-23
- **Added**: 2026-09-14
- **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