> ## 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 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) ## 🌳 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 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 your Spline scenes into Framer allows you to have real-time interactive 3D experiences on your Framer websites. Add interactive 3D content to your Webflow websites without the need to write code. Integrating with Notion is a great way to illustrate your documents with interactive 3D scenes. You can use the Spline Viewer export to embed 3d scenes from Spline using Shopify’s Custom Liquid feature. Add real-time interactive 3D experiences on your app prototypes. Add real-time interactive 3D experiences on your Wix websites. Add real-time interactive 3D experiences on your Wix Studio websites. Add real-time interactive 3D experiences on your Typedream websites. Create engaging Tome presentations with real-time interactive 3D experiences. Add real-time interactive 3D experiences on your web apps. *** ## 🥳 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)