> ## Documentation Index
> Fetch the complete documentation index at: https://docs.spline.design/llms.txt
> Use this file to discover all available pages before exploring further.

# 👉 Getting started

<Info>
  This documentation describes the core features of Spline. We will update the content as new features get implemented. [Submit a topic/idea/report here.](https://airtable.com/shryPwf6CV6NF65bG)
</Info>

## 🌳 Basics

[What's in Spline?](/basics/what-is-spline)

[How is Spline different?](/basics/how-is-spline-different)

[Watch intro tutorials](/basics/watch-intro-tutorials)

[Creating your first scene](/basics/creating-your-first-scene)

[Understanding Spline's UI](/basics/understanding-spline-ui)

[Change theme on Spline](/basics/change-theme-on-spline)

[Play Mode](/basics/play-mode)

[Keyboard shortcuts](/basics/keyboard-shortcuts)

[Community Platform](/basics/community-platform)

[Download Spline for Desktop](/basics/download-spline-for-desktop)

[FAQ](/basics/faq)

***

## 🗂 Sharing, Collaboration, and Workspaces

[Files View](/sharing-collaboration-and-workspaces/files-view)

[Workspaces](/sharing-collaboration-and-workspaces/workspaces)

[File Sharing](/sharing-collaboration-and-workspaces/file-sharing)

[Real-time Collaboration in 3D](/sharing-collaboration-and-workspaces/real-time-collaboration-in-3-d)

[Comments & Feedback in 3D](/sharing-collaboration-and-workspaces/comments-feedback-in-3-d)

[Team Libraries](/sharing-collaboration-and-workspaces/team-libraries)

***

## 🍭 Designing in 3D

[Working with 2D and 3D objects](/designing-in-3-d/working-with-2d-and-3d-objects)

[Extruding 2D objects in 3D](/designing-in-3-d/extruding-2d-objects-in-3-d)

[Working with Parametric Objects](/designing-in-3-d/working-with-parametric-objects)

[Moving the Object Pivot](/designing-in-3-d/moving-the-object-pivot)

[Boolean Operations](/designing-in-3-d/boolean-operations)

[Cloner Motion](/designing-in-3-d/cloner-motion)

[Working with Text](/designing-in-3-d/working-with-text)

[Pen Tool](/designing-in-3-d/pen-tool)

[Shape Blending](/designing-in-3-d/shape-blend)

[3D Modeling Tools](/designing-in-3-d/3d-modeling-tools)

[3D Sculpting](/designing-in-3-d/3d-sculpting)

[UI Scenes](/designing-in-3-d/ui-scenes)

[Particles](/designing-in-3-d/particles)

[Real-time Collaboration in 3D](/sharing-collaboration-and-workspaces/real-time-collaboration-in-3-d)

[Library](/designing-in-3-d/3d-library)

[Components](/designing-in-3-d/components)

[Physics Properties](/designing-in-3-d/physics)

[3D Paths](/designing-in-3-d/3d-paths)

[Version History](/designing-in-3-d/version-history)

[Multi-Scenes](/designing-in-3-d/multi-scenes)

***

## 🌸 Hana - a canvas for interactivity

[What is Hana?](/hana-a-canvas-for-interactivity/what-is-hana)

[Designing in Hana](/hana-a-canvas-for-interactivity/designing-in-hana)

[Interactivity in Hana](/hana-a-canvas-for-interactivity/interactivity-in-hana)

[3D Shapes in Hana](/hana-a-canvas-for-interactivity/3d-shapes-in-hana)

[Effects in Hana](/hana-a-canvas-for-interactivity/effects-in-hana)

[Exporting in Hana](/hana-a-canvas-for-interactivity/exporting-in-hana)

***

## ✨ Spline AI

[Spell - AI 3D Worlds](/spline-ai/spell-ai-3d-worlds)

[AI 3D Generation](/spline-ai/ai-3d-generation)

[AI Textures](/spline-ai/ai-textures)

[AI Style Transfer](/spline-ai/ai-style-transfer)

***

## 🕹️ Interaction (States, Events, and Actions)

[How state-based animation works](/interaction-states-events-and-actions/how-state-based-animation-works)

[Events & Interactivity](/interaction-states-events-and-actions/events-interactivity)

[Animatable Properties](/interaction-states-events-and-actions/animatable-properties)

[Mouse & Key Toggle Property](/interaction-states-events-and-actions/mouse-key-toggle-property)

### Variables & Data

[Variables](/interaction-states-events-and-actions/variables)

[Real-time API](/interaction-states-events-and-actions/real-time-api)

[Webhooks](/interaction-states-events-and-actions/webhooks)

[AI Text OpenAI API](/interaction-states-events-and-actions/ai-text-open-ai-api)

[AI Voice Assistant API](/interaction-states-events-and-actions/ai-voice-assistant-api)

[Input](/interaction-states-events-and-actions/input)

### Events

[Start Event](/interaction-states-events-and-actions/events/start-event)

[Mouse Up Event](/interaction-states-events-and-actions/events/mouse-up-event)

[Mouse Down Event](/interaction-states-events-and-actions/events/mouse-down-event)

[Mouse Press Event](/interaction-states-events-and-actions/events/mouse-press-event)

[Mouse Hover Event](/interaction-states-events-and-actions/events/mouse-hover-event)

[Key Up Event](/interaction-states-events-and-actions/events/key-up-event)

[Key Down Event](/interaction-states-events-and-actions/events/key-down-event)

[Key Press Event](/interaction-states-events-and-actions/events/key-press-event)

[Scroll Event](/interaction-states-events-and-actions/events/scroll-event)

[Look At Event](/interaction-states-events-and-actions/events/look-at-event)

[Follow Event](/interaction-states-events-and-actions/events/follow-event)

[Game Controls Event](/interaction-states-events-and-actions/events/game-controls-event)

[Distance Event](/interaction-states-events-and-actions/events/distance-event)

[State Change Event](/interaction-states-events-and-actions/events/state-change-event)

[Variable Change Event](/interaction-states-events-and-actions/events/variable-change-event)

[Collision Event](/interaction-states-events-and-actions/events/collision-event)

[Drag and Drop Event](/interaction-states-events-and-actions/events/drag-and-drop-event)

[Trigger Area Event](/interaction-states-events-and-actions/events/trigger-area-event)

[Screen Resize Event](/interaction-states-events-and-actions/events/screen-resize-event)

[API Updated Event](/interaction-states-events-and-actions/events/api-updated-event)

[Webhook Called Event](/interaction-states-events-and-actions/events/webhook-called-event)

[AI Assistant Listener Event](/interaction-states-events-and-actions/events/ai-assistant-listener-event)

[AI Assistant Trigger Event](/interaction-states-events-and-actions/events/ai-assistant-trigger-event)

### Actions

[Sound Action](/interaction-states-events-and-actions/actions/sound-action)

[Transition Action](/interaction-states-events-and-actions/actions/transition-action)

[Sound Action](/interaction-states-events-and-actions/actions/sound-action)

[Video Action](/interaction-states-events-and-actions/actions/video-action)

[Open Link Action](/interaction-states-events-and-actions/actions/open-link-action)

[Reset Scene Action](/interaction-states-events-and-actions/actions/reset-scene-action)

[Switch Camera Action](/interaction-states-events-and-actions/actions/switch-camera-action)

[Set Variable Action](/interaction-states-events-and-actions/actions/set-variable-action)

[Conditional Action](/interaction-states-events-and-actions/actions/conditional-action)

[Particle Control Action](interaction-states-events-and-actions/actions/particles-control-action)

[Variable Control Action](/interaction-states-events-and-actions/actions/variable-control-action)

[Create Object Action](/interaction-states-events-and-actions/actions/create-object-action)

[Destroy Object Action](/interaction-states-events-and-actions/actions/destroy-object-action)

[Animation Action](/interaction-states-events-and-actions/actions/animation-action)

[Scene Transition Action](/interaction-states-events-and-actions/actions/scene-transition-action)

[Clear Local Storage Action](/interaction-states-events-and-actions/actions/clear-local-storage-action)

***

## 🎞️ Exporting your scene

[How to optimize your scene](/exporting-your-scene/how-to-optimize-your-scene)

[Play Settings](/exporting-your-scene/play-settings)

### Web

[Exporting as Public URLs](/exporting-your-scene/web/exporting-as-public-ur-ls)

[Exporting as Spline Viewer](/exporting-your-scene/web/exporting-as-spline-viewer)

[Exporting as Code](/exporting-your-scene/web/exporting-as-code)

[Code API for Web](/exporting-your-scene/web/code-api-for-web)

### Apple Platform

[Native 3D Embeds for iOS](/exporting-your-scene/apple-platform/native-3d-embeds-for-i-os)

[iOS App Generation](/exporting-your-scene/apple-platform/i-os-app-generation)

[Spline Mirror for visionOS](/exporting-your-scene/apple-platform/spline-mirror-for-vision-os)

[Code API for SwiftUI](/exporting-your-scene/apple-platform/code-api-for-swift-ui)

### Android Platform

[Native 3D Embeds for Android](/exporting-your-scene/android/native-3d-embeds-for-android)

[Android (APK)](/exporting-your-scene/android/android-package-apk)

[Android App Bundles (AAB)](/exporting-your-scene/android/android-app-bundles-aab)

[Code API for Kotlin](/exporting-your-scene/android/code-api-for-kotlin)

### Files

[Exporting as an Image](/exporting-your-scene/files/exporting-as-an-image)

[Exporting as Video](/exporting-your-scene/files/exporting-as-video)

[Exporting Image Sequences](/exporting-your-scene/files/exporting-image-sequences)

[Exporting as GTLF/GLB](/exporting-your-scene/files/exporting-as-gtlf-glb)

[Exporting as USDZ](/exporting-your-scene/files/exporting-as-usdz)

[Exporting as STL (3D Printing)](/exporting-your-scene/files/exporting-as-stl-3d-printing)

***

## 💻 Importing Content

[Hot to Import Content](/importing-content/how-to-import-content)

[Import Animated Objects](/importing-content/import-animated-objects)

[Morph Targets](/importing-content/morph-targets)

***

## 🌈 Materials & Shading

[Material Library](/materials-shading/material-library)

[Creating Material Layers](/materials-shading/creating-material-layers)

[Material, Color, and Image Assets](/materials-shading/material-color-and-image-assets)

[Lighting Layer](/materials-shading/lighting-layer)

[Color Layer](/materials-shading/color-layer)

[Image Layer](/materials-shading/image-layer)

[Video Layer](/materials-shading/video-layer)

[Depth Layer / 3D Gradient](/materials-shading/depth-layer-3d-gradient)

[Normal Layer](/materials-shading/normal-layer)

[Gradient Layer](/materials-shading/gradient-layer)

[Noise Layer](/materials-shading/noise-layer)

[Fresnel Layer](/materials-shading/fresnel-layer)

[Rainbow Layer](/materials-shading/rainbow-layer)

[Toon Layer](/materials-shading/toon-layer)

[Outline Layer](/materials-shading/outline-layer)

[Glass Layer](/materials-shading/glass-layer)

[Metcap Layer](/materials-shading/matcap-layer)

[Displace Layer](/materials-shading/displace-layer)

[Pattern Layer](/materials-shading/pattern-layer)

[Layer Masking](/materials-shading/layer-masking)

[Bump Map & Roughness Map](/materials-shading/bump-map-roughness-map)

***

## 💡 Lighting

[Working with Lights](/lighting/working-with-lights)

[Directional Light](/lighting/directional-light)

[Point Light](/lighting/point-light)

[Spot Light](/lighting/spot-light)

[Soft Shadows](/lighting/soft-shadows)

***

## 📸 Cameras

[Working with Cameras](/cameras/working-with-cameras)

[Camera parameters](/cameras/camera-parameters)

[Effects (Post-Processing)](/cameras/effects-post-processing)

[Depth of Field (DoF)](/cameras/depth-of-field-dof)

[Working with Fog](/cameras/working-with-fog)

***

## 🧶 Integrations

<Columns cols={2}>
  <Card title="Integrating with Figma" icon="figma" href="/integrations/integrating-with-figmaq">
    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.
  </Card>

  <Card title="Integrating with Framer" icon="framer" href="/integrations/integrating-with-framer">
    Integrating your Spline scenes into Framer allows you to have real-time interactive 3D experiences on your Framer websites.
  </Card>
</Columns>

<Columns cols={3}>
  <Card title="Integrating with Webflow" icon="webflow" href="/integrations/integrating-with-webflow">
    Add interactive 3D content to your Webflow websites without the need to write code.
  </Card>

  <Card title="Integrating with Notion" icon="notion" href="/integrations/integrating-with-notion">
    Integrating with Notion is a great way to illustrate your documents with interactive 3D scenes.
  </Card>

  <Card title="Integrating with Shopify" icon="shopify" href="/integrations/integrating-with-shopify">
    You can use the Spline Viewer export to embed 3d scenes from Spline using Shopify’s Custom Liquid feature.
  </Card>

  <Card title="Integrating with Play" icon="play" href="/integrations/integrating-with-play">
    Add real-time interactive 3D experiences on your app prototypes.
  </Card>

  <Card title="Integrating with Wix" icon="wix" href="/integrations/integrating-with-wix">
    Add  real-time interactive 3D experiences on your Wix websites.
  </Card>

  <Card title="Integrating with Wix Studio" icon="wix-studio" href="/integrations/integrating-with-wix-studio">
    Add real-time interactive 3D experiences on your Wix Studio websites.
  </Card>

  <Card title="Integrating with Typedream" icon="typedream" href="/integrations/integrating-with-typedream">
    Add real-time interactive 3D experiences on your Typedream websites.
  </Card>

  <Card title="Integrating with  Tome" icon="tome" href="/integrations/integrating-with-tome">
    Create engaging Tome presentations with real-time interactive 3D experiences.
  </Card>

  <Card title="Integrating with Toddle" icon="toddle" href="/integrations/integrating-with-toddle">
    Add real-time interactive 3D experiences on your web apps.
  </Card>
</Columns>

***

## 🥳 Fun facts

[The Bunny and Teapot Objects](/fun-facts/the-bunny-and-teapot-objects)

***

## 🙌 Suggest a new topic

If you don't find what you are looking for, [you can submit ideas for new topics in here](https://airtable.com/shryPwf6CV6NF65bG).

***

## 📚 Find more about Spline…

💬 [Join us on Discord](https://discord.gg/M9hNDMqvnw)

▶️ [Watch tutorials on YouTube](https://www.youtube.com/channel/UCjnuBkgYrryPxDuKz0eG09Q)

🐦 [Follow us on X / Twitter (@splinetool)](https://twitter.com/splinetool)

🌈 [Follow us on Instagram](https://instagram.com/splinetool)

🎨 [Follow us on TikTok](https://www.tiktok.com/@splinedesign)