# Spline Academy tutorials (https://academy.spline.design/tutorials)

> Every Spline Academy video tutorial, newest first.

- [Spline MCP: Build 3D Web Experiences with AI (Cursor, Claude, Gemini, and more)](https://academy.spline.design/tutorials/spline-mcp-build-3d-web-experiences-with-ai-cursor-claude-gemini-and-more.md): Spline 3D · intermediate · 5 min 47 s
- [Hana V2 Full Tour: Agent Workflow, 3D Support, Faster Canvas](https://academy.spline.design/tutorials/hana-v2-full-tour-agent-workflow-3d-support-faster-canvas.md): Spline 3D · beginner · 9 min 4 s
- [Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow](https://academy.spline.design/tutorials/spline-v2-full-tour-new-layout-faster-creation-agent-workflow.md): Spline 3D · beginner · 9 min
- [Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)](https://academy.spline.design/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step.md): Hana (2D) · beginner · 13 min 26 s
- [How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks](https://academy.spline.design/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks.md): Spline 3D · beginner · 4 min 49 s
- [Hana: A Canvas for Real-Time Interactive Design](https://academy.spline.design/tutorials/hana-a-canvas-for-real-time-interactive-design.md): Hana (2D) · beginner · 2 min 55 s
- [Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More](https://academy.spline.design/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more.md): Hana (2D) · beginner · 3 min 30 s
- [How to Learn 3D Design with Spline: A Practical Roadmap for Beginners to Pros](https://academy.spline.design/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros.md): Spline 3D · beginner · 7 min 58 s
- [Turn Your Spline Designs into Interactive Web Experiences](https://academy.spline.design/tutorials/turn-your-spline-designs-into-interactive-web-experiences.md): Spline 3D · beginner · 10 min 1 s
- [Creating Refractive 3D Text in Hana](https://academy.spline.design/tutorials/creating-refractive-3d-text-in-hana.md): Hana (2D) · beginner · 6 min 32 s
- [Build a Tilt-Controlled 3D Portal Experience in SwiftUI](https://academy.spline.design/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui.md): Spline 3D · advanced · 14 min 22 s
- [How to Design a Realistic 3D Diamond in Hana](https://academy.spline.design/tutorials/how-to-design-a-realistic-3d-diamond-in-hana.md): Hana (2D) · beginner · 7 min 27 s
- [Add Dimension to Hana Designs with the 3D Shape Effect](https://academy.spline.design/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect.md): Hana (2D) · beginner · 2 min 52 s
- [Design Smooth Interactive Icons in Hana](https://academy.spline.design/tutorials/design-smooth-interactive-icons-in-hana.md): Hana (2D) · beginner · 6 min 39 s
- [How to Use AI Image Generation in Hana](https://academy.spline.design/tutorials/how-to-use-ai-image-generation-in-hana.md): Hana (2D) · beginner · 7 min 56 s
- [How to Animate 3D Motion Using Timelines](https://academy.spline.design/tutorials/how-to-animate-3d-motion-using-timelines.md): Spline 3D · advanced · 12 min 25 s
- [Design and Animate with Vector Masks](https://academy.spline.design/tutorials/design-and-animate-with-vector-masks.md): Hana (2D) · beginner · 6 min 33 s
- [Explore 3D Projections and Noise Effects](https://academy.spline.design/tutorials/explore-3d-projections-and-noise-effects.md): Hana (2D) · beginner · 8 min 14 s
- [How to Build a Reactive 3D Orb with Motion and Interaction](https://academy.spline.design/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction.md): Spline 3D · intermediate · 6 min 35 s
- [How to Use the Code API for SwiftUI](https://academy.spline.design/tutorials/how-to-use-the-code-api-for-swiftui.md): Spline 3D · advanced · 5 min 24 s
- [How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs](https://academy.spline.design/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis.md): Spline 3D · advanced · 14 min 43 s
- [Design Interactions with Liquid Glass & 3D Transforms in Hana](https://academy.spline.design/tutorials/design-interactions-with-liquid-glass-3d-transforms-in-hana.md): Hana (2D) · beginner · 16 min 6 s
- [Build an Interactive Keyboard with Hana](https://academy.spline.design/tutorials/build-an-interactive-keyboard-with-hana.md): Hana (2D) · beginner · 9 min 22 s
- [Create Liquid Glass Materials in 3D](https://academy.spline.design/tutorials/create-liquid-glass-materials-in-3d.md): Spline 3D · beginner · 11 min 42 s
- [Create an Interactive Switch with Progressive Blur and Gradients](https://academy.spline.design/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients.md): Hana (2D) · beginner · 3 min 53 s
- [Design Interactive Effects with Progressive Blur and Smoothing Gradients](https://academy.spline.design/tutorials/design-interactive-effects-with-progressive-blur-and-smoothing-gradients.md): Hana (2D) · beginner · 9 min 23 s
- [Create Interactive Designs That React to Your Mouse with Hana](https://academy.spline.design/tutorials/create-interactive-designs-that-react-to-your-mouse-with-hana.md): Hana (2D) · beginner · 6 min 13 s
- [How to Animate Along a Path with Hana and Spline](https://academy.spline.design/tutorials/how-to-animate-along-a-path-with-hana-and-spline.md): Hana (2D) · beginner · 6 min 41 s
- [Create a 2D Follow Interaction](https://academy.spline.design/tutorials/create-a-2d-follow-interaction.md): Hana (2D) · beginner · 7 min 39 s
- [Get Started with Interactive 2D in Hana](https://academy.spline.design/tutorials/get-started-with-interactive-2d-in-hana.md): Hana (2D) · beginner · 17 min 25 s
- [Create Animated 3D Blobs that React to Your Mouse](https://academy.spline.design/tutorials/create-animated-3d-blobs-that-react-to-your-mouse.md): Spline 3D · beginner · 11 min 45 s
- [Build a 3D Voxel Character](https://academy.spline.design/tutorials/build-a-3d-voxel-character.md): Spline 3D · beginner · 12 min 33 s
- [Create a 3D Scroll Animation & Integrate into Framer](https://academy.spline.design/tutorials/create-a-3d-scroll-animation-integrate-into-framer.md): Spline 3D · beginner · 12 min 27 s
- [Trigger Interactions with Proximity Using the Distance Event](https://academy.spline.design/tutorials/trigger-interactions-with-proximity-using-the-distance-event.md): Spline 3D · beginner · 5 min 44 s
- [Add Mouse-Based Interactions to 3D Objects](https://academy.spline.design/tutorials/add-mouse-based-interactions-to-3d-objects.md): Spline 3D · beginner · 13 min 46 s
- [Launch an Interactive 3D Storefront on Instant.so](https://academy.spline.design/tutorials/launch-an-interactive-3d-storefront-on-instantso.md): Spline 3D · beginner · 3 min 32 s
- [Get Started with 3D in Spline](https://academy.spline.design/tutorials/get-started-with-3d-in-spline.md): Spline 3D · beginner · 26 min 16 s
- [How to Embed 3D Scenes from Spline into Shopify](https://academy.spline.design/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify.md): Spline 3D · beginner · 9 min 6 s
- [Shape Interactive 3D Fluid Shapes That Follow the Cursor](https://academy.spline.design/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor.md): Spline 3D · beginner · 11 min 30 s
- [How to Sculpt a 3D Gummy Bear with Shape Blend](https://academy.spline.design/tutorials/how-to-sculpt-a-3d-gummy-bear-with-shape-blend.md): Spline 3D · beginner · 8 min 23 s
- [Explore 3D Shape Blending in Spline](https://academy.spline.design/tutorials/explore-3d-shape-blending-in-spline.md): Spline 3D · beginner · 25 min 54 s
- [How to Build Reusable 3D Components](https://academy.spline.design/tutorials/how-to-build-reusable-3d-components.md): Spline 3D · intermediate · 6 min 36 s
- [How to Set Up Real-Time APIs and Webhooks for Your 3D Scenes](https://academy.spline.design/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes.md): Spline 3D · advanced · 15 min 43 s
- [Create 3D Icons from Scratch](https://academy.spline.design/tutorials/create-3d-icons-from-scratch.md): Spline 3D · beginner · 15 min 33 s
- [How to Create a 3D Carousel Interaction](https://academy.spline.design/tutorials/how-to-create-a-3d-carousel-interaction.md): Spline 3D · advanced · 16 min 16 s
- [Embed Interactive 3D Scenes into Wix Websites](https://academy.spline.design/tutorials/embed-interactive-3d-scenes-into-wix-websites.md): Spline 3D · beginner · 5 min 21 s
- [Build an AI Voice Assistant in 3D](https://academy.spline.design/tutorials/build-an-ai-voice-assistant-in-3d.md): Spline 3D · advanced · 13 min 24 s
- [Add Look At Animations to 3D Objects](https://academy.spline.design/tutorials/add-look-at-animations-to-3d-objects.md): Spline 3D · beginner · 10 min 20 s
- [Captivating Skull Scene Atmosphere with Fog](https://academy.spline.design/tutorials/captivating-skull-scene-atmosphere-with-fog.md): Spline 3D · beginner · 13 min 5 s
- [Create Vibrant Glossy Materials using Matcaps](https://academy.spline.design/tutorials/create-vibrant-glossy-materials-using-matcaps.md): Spline 3D · beginner · 7 min 48 s
- [Master Lighting for 3D Scenes](https://academy.spline.design/tutorials/master-lighting-for-3d-scenes.md): Spline 3D · beginner · 13 min 10 s
- [How to Create a Spinning 3D Icon](https://academy.spline.design/tutorials/how-to-create-a-spinning-3d-icon.md): Spline 3D · beginner · 15 min 12 s
- [How to Animate a 3D Walking Character](https://academy.spline.design/tutorials/how-to-animate-a-3d-walking-character.md): Spline 3D · beginner · 13 min 51 s
- [Export Interactive Experiences Natively for iOS and visionOS](https://academy.spline.design/tutorials/export-interactive-experiences-natively-for-ios-and-visionos.md): Spline 3D · intermediate · 15 min 16 s
- [How to Export Native 3D for Android](https://academy.spline.design/tutorials/how-to-export-native-3d-for-android.md): Spline 3D · intermediate · 11 min 42 s
- [How to Design Interactive Leaf Particles in 3D](https://academy.spline.design/tutorials/how-to-design-interactive-leaf-particles-in-3d.md): Spline 3D · intermediate · 9 min 24 s
- [How to Create 3D Button Interactions](https://academy.spline.design/tutorials/how-to-create-3d-button-interactions.md): Spline 3D · beginner · 10 min 13 s
- [Create Playful 3D Abstract Illustrations in Spline](https://academy.spline.design/tutorials/create-playful-3d-abstract-illustrations-in-spline.md): Spline 3D · beginner · 24 min 11 s
- [Add More Easy Interactions with Drag & Drop](https://academy.spline.design/tutorials/add-more-easy-interactions-with-drag-drop.md): Spline 3D · beginner · 6 min 4 s
- [How to Easily Design a 3D Glass Cube](https://academy.spline.design/tutorials/how-to-easily-design-a-3d-glass-cube.md): Spline 3D · beginner · 12 min 31 s
- [Apply Image & Video Textures to 3D Objects](https://academy.spline.design/tutorials/apply-image-video-textures-to-3d-objects.md): Spline 3D · beginner · 9 min 8 s
- [How to Create 3D Layer Masks and Patterns with Spline](https://academy.spline.design/tutorials/how-to-create-3d-layer-masks-and-patterns-with-spline.md): Spline 3D · beginner · 7 min 10 s
- [How to Add Interactive Designs Made in Spline into Figma](https://academy.spline.design/tutorials/how-to-add-interactive-designs-made-in-spline-into-figma.md): Spline 3D · beginner · 6 min 34 s
- [Create an Interactive 3D Character using Variables](https://academy.spline.design/tutorials/create-an-interactive-3d-character-using-variables.md): Spline 3D · advanced · 17 min 27 s
- [How to Create an Iridescent Material Effect](https://academy.spline.design/tutorials/how-to-create-an-iridescent-material-effect.md): Spline 3D · beginner · 5 min 21 s
- [Create Flat 2D-Styles in 3D Scenes](https://academy.spline.design/tutorials/create-flat-2d-styles-in-3d-scenes.md): Spline 3D · beginner · 5 min 45 s
- [How to Create Interactive Magical Particles in Spline](https://academy.spline.design/tutorials/how-to-create-interactive-magical-particles-in-spline.md): Spline 3D · intermediate · 5 min 3 s
- [Craft Seamless 3D Loop Animations](https://academy.spline.design/tutorials/craft-seamless-3d-loop-animations.md): Spline 3D · beginner · 10 min 51 s
- [Master Cameras to Create Dynamic Scenes](https://academy.spline.design/tutorials/master-cameras-to-create-dynamic-scenes.md): Spline 3D · beginner · 4 min 26 s
- [Create an Interactive Bee Character for the Web](https://academy.spline.design/tutorials/create-an-interactive-bee-character-for-the-web.md): Spline 3D · intermediate · 13 min 54 s
- [Animate Interactive 3D Boxes](https://academy.spline.design/tutorials/animate-interactive-3d-boxes.md): Spline 3D · intermediate · 4 min 24 s
- [Bring an Interactive 3D Robot to Life](https://academy.spline.design/tutorials/bring-an-interactive-3d-robot-to-life.md): Spline 3D · beginner · 13 min 7 s
- [Design Stylized 3D Text with Paths](https://academy.spline.design/tutorials/design-stylized-3d-text-with-paths.md): Spline 3D · beginner · 11 min 52 s
- [How to Create Interactive Sand Particles in 3D](https://academy.spline.design/tutorials/how-to-create-interactive-sand-particles-in-3d.md): Spline 3D · intermediate · 11 min 9 s
- [Add Depth of Field Lens Blur for Photorealistic 3D Scenes](https://academy.spline.design/tutorials/add-depth-of-field-lens-blur-for-photorealistic-3d-scenes.md): Spline 3D · beginner · 6 min 4 s
- [Create Dynamic Particle Effects in 3D](https://academy.spline.design/tutorials/create-dynamic-particle-effects-in-3d.md): Spline 3D · intermediate · 20 min 35 s
- [Use Variables to Create Interactive 3D Content](https://academy.spline.design/tutorials/use-variables-to-create-interactive-3d-content.md): Spline 3D · advanced · 24 min 14 s
- [How to Build Drag & Drop Interactions in 3D](https://academy.spline.design/tutorials/how-to-build-drag-drop-interactions-in-3d.md): Spline 3D · beginner · 10 min 19 s
- [How to Build 3D Multi-scenes and Import Animations](https://academy.spline.design/tutorials/how-to-build-3d-multi-scenes-and-import-animations.md): Spline 3D · intermediate · 18 min 8 s
- [Making sequential transitions in 3D - SplineLive](https://academy.spline.design/tutorials/making-sequential-transitions-in-3d-splinelive.md): Spline 3D · beginner · 11 min 28 s
- [Create video textures in 3D - SplineLive](https://academy.spline.design/tutorials/create-video-textures-in-3d-splinelive.md): Spline 3D · beginner · 6 min 13 s
- [Camera orbit with transitions in 3D - SplineLive](https://academy.spline.design/tutorials/camera-orbit-with-transitions-in-3d-splinelive.md): Spline 3D · beginner · 13 min 44 s
- [How to Create 3D Paths in Spline](https://academy.spline.design/tutorials/how-to-create-3d-paths-in-spline.md): Spline 3D · beginner · 36 min 33 s
- [How to Add a Follow Interaction to a 3D Object](https://academy.spline.design/tutorials/how-to-add-a-follow-interaction-to-a-3d-object.md): Spline 3D · beginner · 6 min 18 s
- [How to Design and Use Components in 3D](https://academy.spline.design/tutorials/how-to-design-and-use-components-in-3d.md): Spline 3D · intermediate · 14 min 51 s
- [Animate Clones for 3D Motion Graphics](https://academy.spline.design/tutorials/animate-clones-for-3d-motion-graphics.md): Spline 3D · intermediate · 24 min 52 s
- [How to use logic in your 3D scenes with Spline](https://academy.spline.design/tutorials/how-to-use-logic-in-your-3d-scenes-with-spline.md): Spline 3D · beginner · 7 min 21 s
- [Create a Drivable 3D Car with Physics and Game Controls](https://academy.spline.design/tutorials/create-a-drivable-3d-car-with-physics-and-game-controls.md): Spline 3D · intermediate · 4 min 5 s
- [Add Physics Simulation to 3D Scenes](https://academy.spline.design/tutorials/add-physics-simulation-to-3d-scenes.md): Spline 3D · intermediate · 9 min 4 s
- [Animate Organic 3D Blobs with States](https://academy.spline.design/tutorials/animate-organic-3d-blobs-with-states.md): Spline 3D · beginner · 5 min 1 s
- [Design a Glass Cube in 3D](https://academy.spline.design/tutorials/design-a-glass-cube-in-3d.md): Spline 3D · beginner · 10 min 55 s
- [How to create 3D blobs using Spline](https://academy.spline.design/tutorials/how-to-create-3d-blobs-using-spline.md): Spline 3D · beginner · 13 min 49 s
- [Designing a 3D website with Spline and Framer](https://academy.spline.design/tutorials/designing-a-3d-website-with-spline-and-framer.md): Spline 3D · beginner · 13 min 51 s
- [Make a 3D Game Experience](https://academy.spline.design/tutorials/make-a-3d-game-experience.md): Spline 3D · intermediate · 17 min 34 s
- [How to Enhance 3D Scenes with Bloom & Glow Effects](https://academy.spline.design/tutorials/how-to-enhance-3d-scenes-with-bloom-glow-effects.md): Spline 3D · beginner · 4 min 41 s
- [Add Atmospheric Fog to 3D Scenes](https://academy.spline.design/tutorials/add-atmospheric-fog-to-3d-scenes.md): Spline 3D · beginner · 3 min 58 s
- [Adding sound to 3D scenes using Spline](https://academy.spline.design/tutorials/adding-sound-to-3d-scenes-using-spline.md): Spline 3D · beginner · 3 min 29 s
- [How to Create Stylized Toon Shading in 3D](https://academy.spline.design/tutorials/how-to-create-stylized-toon-shading-in-3d.md): Spline 3D · beginner · 4 min 16 s
- [Add Stylized Outlines to 3D Objects](https://academy.spline.design/tutorials/add-stylized-outlines-to-3d-objects.md): Spline 3D · beginner · 3 min 37 s
- [Build a Mini House Scene in 3D](https://academy.spline.design/tutorials/build-a-mini-house-scene-in-3d.md): Spline 3D · intermediate · 22 min 15 s
- [Rotate & Animate 3D Objects](https://academy.spline.design/tutorials/rotate-animate-3d-objects.md): Spline 3D · beginner · 5 min 52 s
- [Set Up Photo Studio Lighting for 3D Scenes](https://academy.spline.design/tutorials/set-up-photo-studio-lighting-for-3d-scenes.md): Spline 3D · beginner · 5 min 45 s
- [Improve Realism by Adding Soft Shadows](https://academy.spline.design/tutorials/improve-realism-by-adding-soft-shadows.md): Spline 3D · beginner · 2 min 44 s
- [Refine & Style 3D Icons with Materials](https://academy.spline.design/tutorials/refine-style-3d-icons-with-materials.md): Spline 3D · beginner · 8 min 31 s
- [Build 3D Icons with Vectors](https://academy.spline.design/tutorials/build-3d-icons-with-vectors.md): Spline 3D · beginner · 10 min 24 s
- [Creating animation loops and blinking effects with Spline](https://academy.spline.design/tutorials/creating-animation-loops-and-blinking-effects-with-spline.md): Spline 3D · beginner · 5 min 35 s
- [Designing 3D Avatars with Spline - Part 4 (End)](https://academy.spline.design/tutorials/designing-3d-avatars-with-spline-part-4-end.md): Spline 3D · beginner · 8 min 5 s
- [Designing 3D avatars with Spline - Part 3](https://academy.spline.design/tutorials/designing-3d-avatars-with-spline-part-3.md): Spline 3D · beginner · 5 min 38 s
- [Designing 3D Avatars with Spline - Part 2](https://academy.spline.design/tutorials/designing-3d-avatars-with-spline-part-2.md): Spline 3D · beginner · 11 min 4 s
- [Designing 3D Avatars with Spline - Part 1](https://academy.spline.design/tutorials/designing-3d-avatars-with-spline-part-1.md): Spline 3D · beginner · 17 min 50 s
- [Build a Dark Interactive Keyboard in 3D](https://academy.spline.design/tutorials/build-a-dark-interactive-keyboard-in-3d.md): Spline 3D · intermediate · 15 min 45 s
- [Build a 3D Light Switch with Interaction](https://academy.spline.design/tutorials/build-a-3d-light-switch-with-interaction.md): Spline 3D · intermediate · 12 min 50 s
- [How to Make a Frosted Glass 3D Icon](https://academy.spline.design/tutorials/how-to-make-a-frosted-glass-3d-icon.md): Spline 3D · beginner · 7 min 20 s
- [Modify 3D Shapes using Boolean Operations](https://academy.spline.design/tutorials/modify-3d-shapes-using-boolean-operations.md): Spline 3D · beginner · 5 min 56 s
- [Designing a Mini Room in 3D with Spline - Part 4 (End)](https://academy.spline.design/tutorials/designing-a-mini-room-in-3d-with-spline-part-4-end.md): Spline 3D · beginner · 9 min 8 s
- [Designing a Mini Room in 3D with Spline - Part 3](https://academy.spline.design/tutorials/designing-a-mini-room-in-3d-with-spline-part-3.md): Spline 3D · beginner · 17 min 35 s
- [Designing a Mini Room in 3D with Spline - Part 2](https://academy.spline.design/tutorials/designing-a-mini-room-in-3d-with-spline-part-2.md): Spline 3D · beginner · 17 min 30 s
- [Designing a Mini Room in 3D with Spline - Part 1](https://academy.spline.design/tutorials/designing-a-mini-room-in-3d-with-spline-part-1.md): Spline 3D · beginner · 17 min 53 s
- [Making The Batman logo in 3D with Spline](https://academy.spline.design/tutorials/making-the-batman-logo-in-3d-with-spline.md): Spline 3D · beginner · 5 min 28 s
- [Timelapse: Model a Polaroid Go in 3D](https://academy.spline.design/tutorials/timelapse-model-a-polaroid-go-in-3d.md): Spline 3D · intermediate · 18 min 18 s
- [Build a Realistic 3D Planet with Materials & Lighting](https://academy.spline.design/tutorials/build-a-realistic-3d-planet-with-materials-lighting.md): Spline 3D · beginner · 6 min 35 s
- [Timelapse: Model Molang in 3D](https://academy.spline.design/tutorials/timelapse-model-molang-in-3d.md): Spline 3D · intermediate · 14 min 56 s
- [Designing a 3D toggle button micro-interaction with Spline](https://academy.spline.design/tutorials/designing-a-3d-toggle-button-micro-interaction-with-spline.md): Spline 3D · beginner · 13 min 35 s
- [Add a Smooth 3D Gradient Depth Effect](https://academy.spline.design/tutorials/add-a-smooth-3d-gradient-depth-effect.md): Spline 3D · beginner · 6 min 30 s
- [Creating Interactive/Reactive Spheres in 3D](https://academy.spline.design/tutorials/creating-interactivereactive-spheres-in-3d.md): Spline 3D · beginner · 10 min 4 s
- [Design an Interactive 3D Keyboard](https://academy.spline.design/tutorials/design-an-interactive-3d-keyboard.md): Spline 3D · intermediate · 16 min 51 s