---
title: "3D Animated Carousel — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Velox Themes · Carousels. Immersive 3D Carousel"
canonical: "https://framer.elliotli.dev/component/3d-animated-carousel"
---

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

# 3D Animated Carousel

Immersive 3D Carousel

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

![3D Animated Carousel preview image 1](https://framer.elliotli.dev/og/component/3d-animated-carousel/1155f7130e290245/1600x1200.jpg)

## Summary

Immersive 3D Carousel

## Description

[↗ More Framer components](https://veloxthemes.com/components?utm_source=framer)

## About this component

Add a cinematic 3D image carousel to your Framer project, with a built-in intro animation that makes an instant first impression.

## What's different?

The intro animation: cards fly in from a spread position and settle into the carousel ring on load, giving your site that high-end, motion-first feel right from the first second.

Upload your images, adjust the controls, and you're done.

## Customizable options:

-   **Images**: Connect up to any number of images directly in Framer
    
-   **Item Count**: Control how many cards appear in the carousel ring
    
-   **On Canvas**: Pause or play the animation while editing in Framer canvas
    
-   **Intro Animation**: Toggle the cinematic fly-in entrance on or off
    
-   **Intro Delay**: Set how long after page load the intro animation triggers
    
-   **Intro Duration**: Control how long the entrance animation takes to complete
    
-   **Start Speed & End Speed**: Define how fast the carousel moves at the beginning and end of the intro
    
-   **Start Gap & End Gap**: Set how spread out the cards are at the start versus their final resting position
    
-   **Auto Rotate**: Toggle continuous rotation on or off
    
-   **Direction**: Choose Left or Right rotation direction
    
-   **Distance**: Adjust the 3D depth radius of the carousel ring
    
-   **Corner Radius**: Round the corners of each card
    
-   **Image Width & Height**: Set the exact size of each card in the carousel
    

Designed for Framer designers who want motion-forward layouts without writing a single line of code. Perfect for hero sections, portfolio showcases, product highlights, and anywhere you want the visuals to do the talking.

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

-   All · #5618

## Details

- **Author**: Velox Themes
- **Price**: $19.00
- **Published**: 2026-06-26
- **Updated**: 2026-07-03
- **Added**: 2026-06-26
- **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