Spline Docs

Skip to main content

Spline Docs

Docs
Tutorials ↗
Open app ↗
Community ↗

Skip navigation

👉 Getting started

What is Spline?

How is Spline different?

Creating your first scene

Understanding Spline's UI

FAQ

Keyboard shortcuts

Play Mode

Community Platform

Download Spline for Desktop

Watch intro tutorials

🗂 Sharing, Collaboration, and Teams

Files View

Teams

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

3D Modeling Tools

3D Sculpting

UI Scenes

Particles

3D Gaussian Splatting

3D Library

Components

Physics

3D Paths

Version History

Multi-Scenes

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 Property

Variables

Real-time API

Webhooks

AI Text OpenAI API

AI Voice Assistant API

Input

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 Event

Transition Action

Sound Action

Video Action

Open Link Action

Reset Scene Action

Switch Camera Action

Create Object Action

Destroy Object Action

Scene Transition Action

Animation Action

Particles Control Action

Variable Control Action

Conditional Action

Set Variable Action

Clear Local Storage Action

API Request Action

🎞 Exporting your scene

How to optimize your scene

Play Settings

Exporting as Public URLs

Exporting as Spline Viewer

Exporting as Code

Code API for Web

Native 3D Embeds for iOS

iOS App Generation

Spline Mirror for visionOS

Code API for SwiftUI

Native 3D Embeds for Android

Android Package (APK)

Android App Bundles (AAB)

Code API for Kotlin

Exporting as an Image

Exporting as Video Recording

Exporting Animated GIFs

Exporting Image Sequences

Exporting as GTLF/GLB

Exporting as USDZ

Exporting as STL (3D Printing)

💻 Importing Content

How 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

Matcap Layer

Displace Layer

Pattern Layer

Layer Masking

Bump Map & Roughness Map

Working with Lights

Directional Light

Point Light

Spot Light

Soft Shadows

Working with Cameras

Camera parameters

Effects (Post-Processing)

Depth of Field (DoF)

Working with Fog

🧶 Integrations

Integrating with Figma

Integrating with Framer

Integrating with Webflow

Integrating with Notion

Integrating with Shopify

Integrating with Play

Integrating with Wix

Integrating with Wix Studio

Integrating with Typedream

Integrating with Tome

Integrating with Toddle

The Bunny and Teapot Objects