# How to Create a 3D Carousel Interaction - Spline Advanced | Feature Deep Dive - Spline Academy (https://spline.design/academy/tutorials/how-to-create-a-3d-carousel-interaction)

> 🎡 In this tutorial, we’ll dive into creating a fun 3D carousel interaction using the magic of variables! We’ll walk you through each step, from positioning…

1. [Academy](https://spline.design/academy)
2. [Courses](https://spline.design/academy/collections)
3. [Spline Advanced | Feature Deep Dive](https://spline.design/academy/collections/spline-advanced-feature-deep-dive)
4. How to Create a 3D Carousel Interaction

# How to Create a 3D Carousel Interaction

Lesson 6 of 17Spline 3DAdvanced16 min

🎡 In this tutorial, we’ll dive into creating a fun 3D carousel interaction using the magic of variables! We’ll walk you through each step, from positioning objects and setting up radial cloning to creating smooth rotation effects triggered by user clicks.

👉 Remix the Carousel Demos Featured in the Tutorial! 👇 Basic 3D Cubes Carousel Example: <https://app.spline.design/file/7a7cdf26-ca54-4690-a76d-247dcaaf257a>

3D Cards Carousel: <https://app.spline.design/file/f2857f06-7a97-4245-a43e-fe88503913d4>

\---

🧑‍🏫 Learn more about Variables: <https://www.youtube.com/watch?v=Id%5FSZVCUVMM> <https://www.youtube.com/watch?v=eCxLYk2rNzg>

\--- Discover more amazing creators and projects #MadeInSpline at <https://community.spline.design/>

## What you’ll learn

1. [0:00Setting Up 3D Carousel](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=0s)
2. [0:15Building Basic Carousel](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=15s)
3. [1:32Using Variables for Rotation](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=92s)
4. [6:33Triggering Rotation with Mouse Down Event](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=393s)
5. [8:35Creating Scaling Effects (Cards Carousel Example)](https://www.youtube.com/watch?v=pR2AhQ22KwM&t=515s)

## Related resources

- [Basic 3D Cubes CarouselTemplate](https://app.spline.design/academy/tutorials/how-to-create-a-3d-carousel-interaction?redirect-duplicate-template-uuid=db997029-a24c-4b33-b016-ec27a2ff7fc3&is-2d-file=false)
- [Cloner MotionDocument](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [VariablesDocument](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [Mouse Down EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-down-event)

## Overview

- Spline 3D
- 16 min
- Advanced

## Up next

[How to Set Up Real-Time APIs and Webhooks for Your 3D Scenes16 minAdvanced](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)[Continue](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

[Spline](https://spline.design/)

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.