This documentation describes the core features of Spline. We will update the content as new features get implemented. Submit a topic/idea/report here.
🌳 Basics
What’s in Spline? How is Spline different? Watch intro tutorials Creating your first scene Understanding Spline’s UI Change theme on Spline Play Mode Keyboard shortcuts Community Platform Download Spline for Desktop FAQ🗂 Sharing, Collaboration, and Workspaces
Files View Workspaces File Sharing Real-time Collaboration in 3D Comments & Feedback in 3D Team Libraries🍭 Designing in 3D
Working with 2D and 3D objects Extruding 2D objects in 3D Working with Parametric Objects Moving the Object Pivot Boolean Operations Cloner Motion Working with Text Pen Tool Shape Blending 3D Modeling Tools 3D Sculpting UI Scenes Particles Real-time Collaboration in 3D Library Components Physics Properties 3D Paths Version History Multi-Scenes🌸 Hana - a canvas for interactivity
What is Hana? Designing in Hana Interactivity in Hana 3D Shapes in Hana Effects in Hana Exporting in Hana✨ Spline AI
Spell - AI 3D Worlds AI 3D Generation AI Textures AI Style Transfer🕹️ Interaction (States, Events, and Actions)
How state-based animation works Events & Interactivity Animatable Properties Mouse & Key Toggle PropertyVariables & Data
Variables Real-time API Webhooks AI Text OpenAI API AI Voice Assistant API InputEvents
Start Event Mouse Up Event Mouse Down Event Mouse Press Event Mouse Hover Event Key Up Event Key Down Event Key Press Event Scroll Event Look At Event Follow Event Game Controls Event Distance Event State Change Event Variable Change Event Collision Event Drag and Drop Event Trigger Area Event Screen Resize Event API Updated Event Webhook Called Event AI Assistant Listener Event AI Assistant Trigger EventActions
Sound Action Transition Action Sound Action Video Action Open Link Action Reset Scene Action Switch Camera Action Set Variable Action Conditional Action Particle Control Action Variable Control Action Create Object Action Destroy Object Action Animation Action Scene Transition Action Clear Local Storage Action🎞️ Exporting your scene
How to optimize your scene Play SettingsWeb
Exporting as Public URLs Exporting as Spline Viewer Exporting as Code Code API for WebApple Platform
Native 3D Embeds for iOS iOS App Generation Spline Mirror for visionOS Code API for SwiftUIAndroid Platform
Native 3D Embeds for Android Android (APK) Android App Bundles (AAB) Code API for KotlinFiles
Exporting as an Image Exporting as Video Exporting Image Sequences Exporting as GTLF/GLB Exporting as USDZ Exporting as STL (3D Printing)💻 Importing Content
Hot to Import Content Import Animated Objects Morph Targets🌈 Materials & Shading
Material Library Creating Material Layers Material, Color, and Image Assets Lighting Layer Color Layer Image Layer Video Layer Depth Layer / 3D Gradient Normal Layer Gradient Layer Noise Layer Fresnel Layer Rainbow Layer Toon Layer Outline Layer Glass Layer Metcap Layer Displace Layer Pattern Layer Layer Masking Bump Map & Roughness Map💡 Lighting
Working with Lights Directional Light Point Light Spot Light Soft Shadows📸 Cameras
Working with Cameras Camera parameters Effects (Post-Processing) Depth of Field (DoF) Working with Fog🧶 Integrations
Integrating with Figma
Integrating your Spline scenes into Figma is a great way to preview how your scene will interact with the UI of your app or website.
Integrating with Framer
Integrating your Spline scenes into Framer allows you to have real-time interactive 3D experiences on your Framer websites.
Integrating with Webflow
Add interactive 3D content to your Webflow websites without the need to write code.
Integrating with Notion
Integrating with Notion is a great way to illustrate your documents with interactive 3D scenes.
Integrating with Shopify
You can use the Spline Viewer export to embed 3d scenes from Spline using Shopify’s Custom Liquid feature.
Integrating with Play
Add real-time interactive 3D experiences on your app prototypes.
Integrating with Wix
Add real-time interactive 3D experiences on your Wix websites.
Integrating with Wix Studio
Add real-time interactive 3D experiences on your Wix Studio websites.
Integrating with Typedream
Add real-time interactive 3D experiences on your Typedream websites.
Integrating with Tome
Create engaging Tome presentations with real-time interactive 3D experiences.
Integrating with Toddle
Add real-time interactive 3D experiences on your web apps.
