---
title: "DepthSpin — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Viyan Studio · Carousels. DepthSpin is a 3D rotating carousel component built for Framer — designed to showcase images, videos, and any content with cinematic…"
canonical: "https://framer.elliotli.dev/component/depthspin"
---

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

# DepthSpin

A Customizable 3D Carousel for Framer

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

![DepthSpin preview image 1](https://framer.elliotli.dev/og/component/depthspin/0e5b11aa24583184/1600x1200.jpg)

## Summary

DepthSpin is a 3D rotating carousel component built for Framer — designed to showcase images, videos, and any content with cinematic depth, smooth transitions, and full property…

## Description

DepthSpin is a 3D rotating carousel component built for Framer — designed to showcase images, videos, and any content with cinematic depth, smooth transitions, and full property control.Key Features:

-   **Horizontal & Vertical Modes:** Switch carousel direction instantly between horizontal and vertical layout without touching any code.
    
-   **Full 3D Depth Control:** Adjust Perspective, Depth, Rotation, Scale, and Opacity of cards independently — dial in the exact look you want, from subtle tilt to dramatic 3D fan.
    
-   **Video Support:** Drop in videos alongside images. Use Active mode to play only the center card, or All mode to play across every card simultaneously.
    
-   **Autoplay with Custom Interval:** Set a timer and let DepthSpin run itself — perfect for product showcases and hero sections that need no interaction.
    
-   **Manual Scroll & Drag:** Users can swipe or drag through cards naturally on both desktop and mobile.
    
-   **Smooth Transition Control:** The Smooth property lets you control transition speed — go snappy for high-energy layouts or silky slow for premium feel.
    
-   **Visible Side Cards:** Choose how many cards appear on each side of the active card, giving you full control over the carousel's density and feel.
    
-   **Responsive & Touch-Friendly:** Works cleanly on desktop, tablet, and mobile out of the box.
    

## Why Customers Will Love It?

DepthSpin gives any Framer site a premium, editorial quality that flat carousels simply can't match. Visitors engage longer when content has depth, motion, and feel — and DepthSpin delivers all three with zero code. Whether it's a SaaS product demo, a portfolio reel, or a testimonial section, this component makes content impossible to scroll past.

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

-   All · #5570

## Details

- **Author**: Viyan Studio
- **Price**: $5.00
- **Published**: 2026-04-21
- **Updated**: 2026-05-21
- **Added**: 2026-04-12
- **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
