Tutorials
Browse through all the tutorials.
Spline MCP: Build 3D Web Experiences with AI (Cursor, Claude, Gemini, and more)
Hana V2 Full Tour: Agent Workflow, 3D Support, Faster Canvas
Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow
Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)
How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks
Hana: A Canvas for Real-Time Interactive Design
Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & More
How to Learn 3D Design with Spline: A Practical Roadmap for Beginners to Pros
Turn Your Spline Designs into Interactive Web Experiences
Creating Refractive 3D Text in Hana
Build a Tilt-Controlled 3D Portal Experience in SwiftUI
How to Design a Realistic 3D Diamond in Hana
Add Dimension to Hana Designs with the 3D Shape Effect
Design Smooth Interactive Icons in Hana
How to Use AI Image Generation in Hana
How to Animate 3D Motion Using Timelines
Design and Animate with Vector Masks
Explore 3D Projections and Noise Effects
How to Build a Reactive 3D Orb with Motion and Interaction
How to Use the Code API for SwiftUI
How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs
Design Interactions with Liquid Glass & 3D Transforms in Hana
Build an Interactive Keyboard with Hana
Create Liquid Glass Materials in 3D
Create an Interactive Switch with Progressive Blur and Gradients
Design Interactive Effects with Progressive Blur and Smoothing Gradients
Create Interactive Designs That React to Your Mouse with Hana
How to Animate Along a Path with Hana and Spline
Create a 2D Follow Interaction
Get Started with Interactive 2D in Hana
Create Animated 3D Blobs that React to Your Mouse
Build a 3D Voxel Character
Create a 3D Scroll Animation & Integrate into Framer
Trigger Interactions with Proximity Using the Distance Event
Add Mouse-Based Interactions to 3D Objects
Launch an Interactive 3D Storefront on Instant.so
Get Started with 3D in Spline
How to Embed 3D Scenes from Spline into Shopify
Shape Interactive 3D Fluid Shapes That Follow the Cursor
How to Sculpt a 3D Gummy Bear with Shape Blend
Explore 3D Shape Blending in Spline
How to Build Reusable 3D Components
How to Set Up Real-Time APIs and Webhooks for Your 3D Scenes
Create 3D Icons from Scratch
How to Create a 3D Carousel Interaction
Embed Interactive 3D Scenes into Wix Websites
Build an AI Voice Assistant in 3D
Add Look At Animations to 3D Objects
Captivating Skull Scene Atmosphere with Fog
Create Vibrant Glossy Materials using Matcaps
Master Lighting for 3D Scenes
How to Create a Spinning 3D Icon
How to Animate a 3D Walking Character
Export Interactive Experiences Natively for iOS and visionOS
How to Export Native 3D for Android
How to Design Interactive Leaf Particles in 3D
How to Create 3D Button Interactions
Create Playful 3D Abstract Illustrations in Spline
Add More Easy Interactions with Drag & Drop
How to Easily Design a 3D Glass Cube
Apply Image & Video Textures to 3D Objects
How to Create 3D Layer Masks and Patterns with Spline
How to Add Interactive Designs Made in Spline into Figma
Create an Interactive 3D Character using Variables
How to Create an Iridescent Material Effect
Create Flat 2D-Styles in 3D Scenes
How to Create Interactive Magical Particles in Spline
Craft Seamless 3D Loop Animations
Master Cameras to Create Dynamic Scenes
Create an Interactive Bee Character for the Web
Animate Interactive 3D Boxes
Bring an Interactive 3D Robot to Life
Design Stylized 3D Text with Paths
How to Create Interactive Sand Particles in 3D
Add Depth of Field Lens Blur for Photorealistic 3D Scenes
Create Dynamic Particle Effects in 3D
Use Variables to Create Interactive 3D Content
How to Build Drag & Drop Interactions in 3D
How to Build 3D Multi-scenes and Import Animations
Making sequential transitions in 3D - SplineLive
Create video textures in 3D - SplineLive
Camera orbit with transitions in 3D - SplineLive
How to Create 3D Paths in Spline
How to Add a Follow Interaction to a 3D Object
How to Design and Use Components in 3D
Animate Clones for 3D Motion Graphics
How to use logic in your 3D scenes with Spline
Create a Drivable 3D Car with Physics and Game Controls
Add Physics Simulation to 3D Scenes
Animate Organic 3D Blobs with States
Design a Glass Cube in 3D
How to create 3D blobs using Spline
Designing a 3D website with Spline and Framer
Make a 3D Game Experience
How to Enhance 3D Scenes with Bloom & Glow Effects
Add Atmospheric Fog to 3D Scenes
Adding sound to 3D scenes using Spline
How to Create Stylized Toon Shading in 3D
Add Stylized Outlines to 3D Objects
Build a Mini House Scene in 3D
Rotate & Animate 3D Objects
Set Up Photo Studio Lighting for 3D Scenes
Improve Realism by Adding Soft Shadows
Refine & Style 3D Icons with Materials
Build 3D Icons with Vectors
Creating animation loops and blinking effects with Spline
Designing 3D Avatars with Spline - Part 4 (End)
Designing 3D avatars with Spline - Part 3
Designing 3D Avatars with Spline - Part 2
Designing 3D Avatars with Spline - Part 1
Build a Dark Interactive Keyboard in 3D
Build a 3D Light Switch with Interaction
How to Make a Frosted Glass 3D Icon
Modify 3D Shapes using Boolean Operations
Designing a Mini Room in 3D with Spline - Part 4 (End)
Designing a Mini Room in 3D with Spline - Part 3
Designing a Mini Room in 3D with Spline - Part 2
Designing a Mini Room in 3D with Spline - Part 1
Making The Batman logo in 3D with Spline
Timelapse: Model a Polaroid Go in 3D
Build a Realistic 3D Planet with Materials & Lighting
Timelapse: Model Molang in 3D
Designing a 3D toggle button micro-interaction with Spline
Add a Smooth 3D Gradient Depth Effect
Creating Interactive/Reactive Spheres in 3D
