# How to Create a 3D Carousel Interaction - 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. [Tutorials](https://spline.design/academy/tutorials)
3. How to Create a 3D Carousel Interaction

# How to Create a 3D Carousel Interaction

Spline 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

## Part of

- [Spline Advanced | Feature Deep Dive](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/how-to-create-a-3d-carousel-interaction)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[Create an Interactive 3D Character using VariablesSpline 3DAdvanced17 min](https://spline.design/academy/tutorials/create-an-interactive-3d-character-using-variables)[How to Set Up Real-Time APIs and Webhooks for Your 3D ScenesSpline 3DAdvanced16 min](https://spline.design/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)[Embed Interactive 3D Scenes into Wix WebsitesSpline 3DBeginner5 min](https://spline.design/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)

[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.