# Animate Interactive 3D Boxes (https://academy.spline.design/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: intermediate
- Duration: 4 min 24 s
- Published: 2024-05-09
- Video: https://www.youtube.com/watch?v=RmC2xEtXobE
- Part of: [Animation & Interactions in Spline](https://academy.spline.design/collections/animation-interactions-in-spline.md)

## About this tutorial

Hey there! In this tutorial, we're going to have some fun learning how to whip up an interaction where, as you move your cursor over multiple cubes, they playfully adjust their positions and switch up their colors.

And it will take us less than 5 minutes! 👀
Check Spline: https://spline.design/

Remix 👉 https://app.spline.design/file/8f4650a0-c475-415a-a6d5-c914d47c16bd

Share your version in our community at https://community.spline.design/
We can't wait to see it 🤩

Happy learning!

## Chapters

- [0:00](https://www.youtube.com/watch?v=RmC2xEtXobE&t=0s) Introduction
- [0:12](https://www.youtube.com/watch?v=RmC2xEtXobE&t=12s) Creating a cube
- [0:31](https://www.youtube.com/watch?v=RmC2xEtXobE&t=31s) Adding colors and Materials
- [1:29](https://www.youtube.com/watch?v=RmC2xEtXobE&t=89s) Adding Depth
- [1:56](https://www.youtube.com/watch?v=RmC2xEtXobE&t=116s) Creating Mouse Hover Interaction
- [2:39](https://www.youtube.com/watch?v=RmC2xEtXobE&t=159s) Cube duplication
- [4:00](https://www.youtube.com/watch?v=RmC2xEtXobE&t=240s) Export options and Community inspiration

## Related documentation

- [Mouse Hover Event](https://docs.spline.design/interaction-states-events-and-actions/events/mouse-hover-event)
- [Cloner Motion](https://docs.spline.design/designing-in-3-d/cloner-motion)
- [Components](https://docs.spline.design/designing-in-3-d/components)
- [Transition Action](https://docs.spline.design/interaction-states-events-and-actions/actions/transition-action)