Check Spline’s Youtube Channel for our full library of tutorials
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Spline Documentation","colors":{"primary":"#6776ff","light":"#6776ff","dark":"#6776ff"},"logo":{"light":"https://mintcdn.com/spline/SJDVMAsyL2nUe9ir/logo/light.png?fit=max\u0026auto=format\u0026n=SJDVMAsyL2nUe9ir\u0026q=85\u0026s=08a224c8f7ae2848be487ee4119df168","dark":"https://mintcdn.com/spline/SJDVMAsyL2nUe9ir/logo/dark.png?fit=max\u0026auto=format\u0026n=SJDVMAsyL2nUe9ir\u0026q=85\u0026s=630bbcfbcf7e59c130e25a78e82428ab"},"favicon":"https://mintcdn.com/spline/zAljfIxma6jcgSmg/favicon.png?fit=max\u0026auto=format\u0026n=zAljfIxma6jcgSmg\u0026q=85\u0026s=1cf159e116d417c680aa32bb84257a94","navbar":{"links":[{"href":"https://spline.design/tutorials","label":"Tutorials"},{"href":"https://discord.com/invite/M9hNDMqvnw","label":"Community"}],"primary":{"type":"button","label":"Open App","href":"https://app.spline.design"}},"footer":{"socials":{"x":"https://x.com/splinetool","instagram":"https://instagram.com/splinetool","youtube":"https://youtube.com/splinetool","discord":"https://discord.com/invite/M9hNDMqvnw"}},"seo":{"metatags":{"og:image":"https://spline.design/_next/static/media/spline_image_banner.de9090c7.png"}},"integrations":{"gtm":{"tagId":"GTM-K4N2XFPL"}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"spline","hasAudioNarration":false,"actualSubdomain":"spline","customDomains":[],"gitSource":{"type":"github","owner":"splinetool","repo":"spline-docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a578e63e947ca26da81fbed","collectionId":"099646e7-0d66-4c05-8e92-95a70151f14e","schemaVersion":"v3"},"entitlements":{},"buildId":"6ae91dc1d9cf549fcc28f393:success","clientVersion":"0.0.4076","searchFilterCounts":[{"language":"default","tag":"🕹️ Interaction (States, Events, and Actions)","count":49},{"language":"default","tag":"Events","count":23},{"language":"default","tag":"🍭 Designing in 3D","count":21},{"language":"default","tag":"🎞 Exporting your scene","count":21},{"language":"default","tag":"🌈 Materials \u0026 Shading","count":21},{"language":"default","tag":"Actions","count":16},{"language":"default","tag":"🌳 Basics","count":13},{"language":"default","tag":"🧶 Integrations","count":12},{"language":"default","tag":"🌸 Hana - a canvas for interactivity","count":10},{"language":"default","tag":"Files","count":6}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"basics/watch-intro-tutorials","slug":"/basics/watch-intro-tutorials","pageMetadata":{"title":"Watch intro tutorials","description":null,"href":"/basics/watch-intro-tutorials"},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={p:`p`,..._provideComponents(),...props.components},{Heading,OptimizedFrame}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedFrame)_missingMdxReference(`OptimizedFrame`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Start learning about Spline by following this practical tutorial on how to design, model, and add interactivity to objects.`}),`\n`,_jsx(OptimizedFrame,{className:`mint-w-full mint-aspect-video mint-rounded-xl`,src:`https://www.youtube.com/embed/Kxz8fzU2OUE`,title:`YouTube video player`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:true}),`\n`,_jsx(OptimizedFrame,{className:`mint-w-full mint-aspect-video mint-rounded-xl`,src:`https://www.youtube.com/embed/xc-ExwgYDQI`,title:`YouTube video player`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:true}),`\n`,_jsx(Heading,{level:`4`,id:`check-spline’s-youtube-channel-for-our-full-library-of-tutorials`,children:`Check Spline’s Youtube Channel for our full library of tutorials`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Watch intro tutorials","description":null,"href":"/basics/watch-intro-tutorials"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Check Spline’s Youtube Channel for our full library of tutorials","slug":"check-spline’s-youtube-channel-for-our-full-library-of-tutorials","depth":4,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/spline/744662768c32f78b/converting.js","/_mintlify/custom/spline/a6c81eb9d4b69aeb/midbound.js"],"dynamicCss":".mint-aspect-video {\n aspect-ratio: 16 / 9\n}\n.mint-w-full {\n width: 100%\n}\n.mint-rounded-xl {\n border-radius: 0.75rem\n}","subdomain":"spline","siteName":"Spline Documentation","title":"Watch intro tutorials - Spline Documentation","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-07-15T13:44:17.243Z","originalFileLocation":"basics/watch-intro-tutorials.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"application-name\" content=\"Spline Documentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Watch intro tutorials - Spline Documentation\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Spline Documentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://spline.mintlify.app/basics/watch-intro-tutorials\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://spline.design/_next/static/media/spline_image_banner.de9090c7.png\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Watch intro tutorials - Spline Documentation\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://spline.design/_next/static/media/spline_image_banner.de9090c7.png\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/spline/1qns5fE-TNKUZ3R6/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Spline Documentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6776ff\">\u003clink data-mint-head rel=\"canonical\" href=\"https://spline.mintlify.app/basics/watch-intro-tutorials\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/basics/watch-intro-tutorials.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://spline.mintlify.app/#organization\",\"name\":\"Spline Documentation\",\"url\":\"https://spline.mintlify.app\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/spline/SJDVMAsyL2nUe9ir/logo/light.png?fit=max\u0026auto=format\u0026n=SJDVMAsyL2nUe9ir\u0026q=85\u0026s=08a224c8f7ae2848be487ee4119df168\"}},{\"@type\":\"WebSite\",\"@id\":\"https://spline.mintlify.app#website\",\"name\":\"Spline Documentation\",\"url\":\"https://spline.mintlify.app\",\"publisher\":{\"@id\":\"https://spline.mintlify.app/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://spline.mintlify.app/basics/watch-intro-tutorials#webpage\",\"url\":\"https://spline.mintlify.app/basics/watch-intro-tutorials\",\"name\":\"Watch intro tutorials\",\"dateModified\":\"2026-07-15T13:44:17.243Z\",\"isPartOf\":{\"@id\":\"https://spline.mintlify.app#website\"},\"breadcrumb\":{\"@id\":\"https://spline.mintlify.app/basics/watch-intro-tutorials#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://spline.mintlify.app/basics/watch-intro-tutorials#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"🌳 Basics\",\"item\":\"https://spline.mintlify.app/basics/what-is-spline\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Watch intro tutorials\",\"item\":\"https://spline.mintlify.app/basics/watch-intro-tutorials\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://spline.mintlify.app/basics/watch-intro-tutorials#article\",\"headline\":\"Watch intro tutorials\",\"name\":\"Watch intro tutorials\",\"url\":\"https://spline.mintlify.app/basics/watch-intro-tutorials\",\"mainEntityOfPage\":{\"@id\":\"https://spline.mintlify.app/basics/watch-intro-tutorials#webpage\"},\"image\":\"https://spline.design/_next/static/media/spline_image_banner.de9090c7.png\",\"dateModified\":\"2026-07-15T13:44:17.243Z\",\"publisher\":{\"@id\":\"https://spline.mintlify.app/#organization\"},\"isPartOf\":{\"@id\":\"https://spline.mintlify.app#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Spline Documentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Spline Documentation","nav":{"global":null,"pages":[{"title":"👉 Getting started","href":"/index"},{"group":"🌳 Basics","pages":[{"title":"What is Spline?","href":"/basics/what-is-spline"},{"title":"How is Spline different?","href":"/basics/how-is-spline-different"},{"title":"Creating your first scene","href":"/basics/creating-your-first-scene"},{"title":"Understanding Spline's UI","href":"/basics/understanding-splines-ui"},{"title":"Change theme on Spline","href":"/basics/change-theme-on-spline"},{"title":"FAQ","href":"/basics/faq"},{"title":"Keyboard shortcuts","href":"/basics/keyboard-shortcuts"},{"title":"Play Mode","href":"/basics/play-mode"},{"title":"Community Platform","href":"/basics/community-platform"},{"title":"Download Spline for Desktop","description":null,"href":"/basics/download-spline-for-desktop"},{"title":"Watch intro tutorials","href":"/basics/watch-intro-tutorials"},{"title":"Pricing","description":null,"href":"/basics/pricing"},{"title":"Spline for Enterprise","href":"/basics/spline-for-enterprise"}]},{"group":"🗂 Sharing, Collaboration, and Workspaces","pages":[{"title":"Files View","href":"/sharing-collaboration-and-workspaces/files-view"},{"title":"Workspaces","href":"/sharing-collaboration-and-workspaces/workspaces"},{"title":"File Sharing","href":"/sharing-collaboration-and-workspaces/file-sharing"},{"title":"Real-time Collaboration in 3D","href":"/sharing-collaboration-and-workspaces/real-time-collaboration-in-3-d"},{"title":"Comments \u0026 Feedback in 3D","href":"/sharing-collaboration-and-workspaces/comments-feedback-in-3-d"},{"title":"Team Libraries","href":"/sharing-collaboration-and-workspaces/team-libraries"}]},{"group":"🍭 Designing in 3D","pages":[{"title":"Working with 2D and 3D objects","href":"/designing-in-3-d/working-with-2d-and-3d-objects"},{"title":"Extruding 2D objects in 3D","href":"/designing-in-3-d/extruding-2d-objects-in-3-d"},{"title":"Working with Parametric Objects","href":"/designing-in-3-d/working-with-parametric-objects"},{"title":"Moving the Object Pivot","href":"/designing-in-3-d/moving-the-object-pivot"},{"title":"Boolean Operations","href":"/designing-in-3-d/boolean-operations"},{"title":"Timeline Animation","href":"/designing-in-3-d/timeline-animation"},{"title":"Cloner Motion","href":"/designing-in-3-d/cloner-motion"},{"title":"Working with Text","href":"/designing-in-3-d/working-with-text"},{"title":"Pen Tool","href":"/designing-in-3-d/pen-tool"},{"title":"Shape Blend","href":"/designing-in-3-d/shape-blend"},{"title":"3D Modeling Tools","href":"/designing-in-3-d/3d-modeling-tools"},{"title":"3D Sculpting","href":"/designing-in-3-d/3d-sculpting"},{"title":"UI Scenes","href":"/designing-in-3-d/ui-scenes"},{"title":"Particles","href":"/designing-in-3-d/particles"},{"title":"3D Gaussian Splatting","href":"/designing-in-3-d/3d-gaussian-splatting"},{"title":"3D Library","href":"/designing-in-3-d/3d-library"},{"title":"Components","href":"/designing-in-3-d/components"},{"title":"Physics","href":"/designing-in-3-d/physics"},{"title":"3D Paths","href":"/designing-in-3-d/3d-paths"},{"title":"Version History","href":"/designing-in-3-d/version-history"},{"title":"Multi-Scenes","href":"/designing-in-3-d/multi-scenes"}]},{"group":"🌸 Hana - a canvas for interactivity","pages":[{"title":"What is Hana?","href":"/hana-a-canvas-for-interactivity/what-is-hana"},{"title":"Designing in Hana","href":"/hana-a-canvas-for-interactivity/designing-in-hana"},{"title":"Interactivity in Hana","href":"/hana-a-canvas-for-interactivity/interactivity-in-hana"},{"title":"3D Shapes in Hana","href":"/hana-a-canvas-for-interactivity/3d-shapes-in-hana"},{"title":"Effects in Hana","href":"/hana-a-canvas-for-interactivity/effects-in-hana"},{"title":"AI in Hana","href":"/hana-a-canvas-for-interactivity/ai-in-hana"},{"title":"Importing Assets to Hana","href":"/hana-a-canvas-for-interactivity/importing-assets-to-hana"},{"title":"Exporting in Hana","href":"/hana-a-canvas-for-interactivity/exporting-in-hana"},{"title":"Pages in Hana","href":"/hana-a-canvas-for-interactivity/pages-in-hana"},{"title":"Frame as Fill 3D Meshes","href":"/hana-a-canvas-for-interactivity/frame-as-fill-3d-meshes"}]},{"group":"✨ Spline AI","pages":[{"title":"Spell AI 3D Worlds","href":"/spline-ai/spell-ai-3d-worlds"},{"title":"AI 3D Generation","href":"/spline-ai/ai-3d-generation"},{"title":"AI Textures","href":"/spline-ai/ai-textures"},{"title":"AI Style Transfer","href":"/spline-ai/ai-style-transfer"}]},{"group":"🕹️ Interaction (States, Events, and Actions)","pages":[{"title":"How state-based animation works","href":"/interaction-states-events-and-actions/how-state-based-animation-works"},{"title":"Events \u0026 Interactivity","href":"/interaction-states-events-and-actions/events-interactivity"},{"title":"Animatable Properties","href":"/interaction-states-events-and-actions/animatable-properties"},{"title":"Mouse \u0026 Key Toggle Property","href":"/interaction-states-events-and-actions/mouse-key-toggle-property"},{"title":"Variables","href":"/interaction-states-events-and-actions/variables"},{"title":"Real-time API","href":"/interaction-states-events-and-actions/real-time-api"},{"title":"Webhooks","href":"/interaction-states-events-and-actions/webhooks"},{"title":"AI Text OpenAI API","href":"/interaction-states-events-and-actions/ai-text-open-ai-api"},{"title":"AI Voice Assistant API","href":"/interaction-states-events-and-actions/ai-voice-assistant-api"},{"title":"Input","href":"/interaction-states-events-and-actions/input"},{"group":"Events","pages":[{"title":"Start Event","href":"/interaction-states-events-and-actions/events/start-event"},{"title":"Mouse Up Event","href":"/interaction-states-events-and-actions/events/mouse-up-event"},{"title":"Mouse Down Event","href":"/interaction-states-events-and-actions/events/mouse-down-event"},{"title":"Mouse Press Event","href":"/interaction-states-events-and-actions/events/mouse-press-event"},{"title":"Mouse Hover Event","href":"/interaction-states-events-and-actions/events/mouse-hover-event"},{"title":"Key Up Event","href":"/interaction-states-events-and-actions/events/key-up-event"},{"title":"Key Down Event","href":"/interaction-states-events-and-actions/events/key-down-event"},{"title":"Key Press Event","href":"/interaction-states-events-and-actions/events/key-press-event"},{"title":"Scroll Event","href":"/interaction-states-events-and-actions/events/scroll-event"},{"title":"Look At Event","href":"/interaction-states-events-and-actions/events/look-at-event"},{"title":"Follow Event","href":"/interaction-states-events-and-actions/events/follow-event"},{"title":"Game Controls Event","href":"/interaction-states-events-and-actions/events/game-controls-event"},{"title":"Distance Event","href":"/interaction-states-events-and-actions/events/distance-event"},{"title":"State Change Event","href":"/interaction-states-events-and-actions/events/state-change-event"},{"title":"Variable Change Event","href":"/interaction-states-events-and-actions/events/variable-change-event"},{"title":"Collision Event","href":"/interaction-states-events-and-actions/events/collision-event"},{"title":"Drag and Drop Event","href":"/interaction-states-events-and-actions/events/drag-and-drop-event"},{"title":"Trigger Area Event","href":"/interaction-states-events-and-actions/events/trigger-area-event"},{"title":"Screen Resize Event","href":"/interaction-states-events-and-actions/events/screen-resize-event"},{"title":"API Updated Event","href":"/interaction-states-events-and-actions/events/api-updated-event"},{"title":"Webhook Called Event","href":"/interaction-states-events-and-actions/events/webhook-called-event"},{"title":"AI Assistant Listener Event","href":"/interaction-states-events-and-actions/events/ai-assistant-listener-event"},{"title":"AI Assistant Trigger Event","href":"/interaction-states-events-and-actions/events/ai-assistant-trigger-event"}]},{"group":"Actions","pages":[{"title":"Transition Action","href":"/interaction-states-events-and-actions/actions/transition-action"},{"title":"Sound Action","href":"/interaction-states-events-and-actions/actions/sound-action"},{"title":"Video Action","href":"/interaction-states-events-and-actions/actions/video-action"},{"title":"Open Link Action","href":"/interaction-states-events-and-actions/actions/open-link-action"},{"title":"Reset Scene Action","href":"/interaction-states-events-and-actions/actions/reset-scene-action"},{"title":"Switch Camera Action","href":"/interaction-states-events-and-actions/actions/switch-camera-action"},{"title":"Create Object Action","href":"/interaction-states-events-and-actions/actions/create-object-action"},{"title":"Destroy Object Action","href":"/interaction-states-events-and-actions/actions/destroy-object-action"},{"title":"Scene Transition Action","href":"/interaction-states-events-and-actions/actions/scene-transition-action"},{"title":"Animation Action","href":"/interaction-states-events-and-actions/actions/animation-action"},{"title":"Particles Control Action","href":"/interaction-states-events-and-actions/actions/particles-control-action"},{"title":"Variable Control Action","href":"/interaction-states-events-and-actions/actions/variable-control-action"},{"title":"Conditional Action","href":"/interaction-states-events-and-actions/actions/conditional-action"},{"title":"Set Variable Action","href":"/interaction-states-events-and-actions/actions/set-variable-action"},{"title":"Clear Local Storage Action","href":"/interaction-states-events-and-actions/actions/clear-local-storage-action"},{"title":"API Request Action","href":"/interaction-states-events-and-actions/actions/api-request-action"}]}]},{"group":"🎞 Exporting your scene","pages":[{"title":"How to optimize your scene","href":"/exporting-your-scene/how-to-optimize-your-scene"},{"title":"Play Settings","href":"/exporting-your-scene/play-settings"},{"group":"Web","pages":[{"title":"Exporting as Public URLs","href":"/exporting-your-scene/web/exporting-as-public-ur-ls"},{"title":"Exporting as Spline Viewer","href":"/exporting-your-scene/web/exporting-as-spline-viewer"},{"title":"Exporting as Code","href":"/exporting-your-scene/web/exporting-as-code"},{"title":"Exporting as Self-Hosted Project","href":"/exporting-your-scene/web/exporting-as-self-hosted-project"},{"title":"Code API for Web","href":"/exporting-your-scene/web/code-api-for-web"}]},{"group":"Apple Platform","pages":[{"title":"Native 3D Embeds for iOS","href":"/exporting-your-scene/apple-platform/native-3d-embeds-for-i-os"},{"title":"iOS App Generation","href":"/exporting-your-scene/apple-platform/i-os-app-generation"},{"title":"Spline Mirror for visionOS","href":"/exporting-your-scene/apple-platform/spline-mirror-for-vision-os"},{"title":"Code API for SwiftUI","href":"/exporting-your-scene/apple-platform/code-api-for-swift-ui"}]},{"group":"Android","pages":[{"title":"Native 3D Embeds for Android","href":"/exporting-your-scene/android/native-3d-embeds-for-android"},{"title":"Android Package (APK)","href":"/exporting-your-scene/android/android-package-apk"},{"title":"Android App Bundles (AAB)","href":"/exporting-your-scene/android/android-app-bundles-aab"},{"title":"Code API for Kotlin","href":"/exporting-your-scene/android/code-api-for-kotlin"}]},{"group":"Files","pages":[{"title":"Exporting as an Image","href":"/exporting-your-scene/files/exporting-as-an-image"},{"title":"Exporting as Video","href":"/exporting-your-scene/files/exporting-as-video"},{"title":"Exporting Image Sequences","href":"/exporting-your-scene/files/exporting-image-sequences"},{"title":"Exporting as GTLF/GLB","href":"/exporting-your-scene/files/exporting-as-gtlf-glb"},{"title":"Exporting as USDZ","href":"/exporting-your-scene/files/exporting-as-usdz"},{"title":"Exporting as STL (3D Printing)","href":"/exporting-your-scene/files/exporting-as-stl-3d-printing"}]}]},{"group":"💻 Importing Content","pages":[{"title":"How to Import Content","href":"/importing-content/how-to-import-content"},{"title":"Import Animated Objects","href":"/importing-content/import-animated-objects"},{"title":"Morph Targets","href":"/importing-content/morph-targets"},{"title":"CAD to Spline: Optimization Best Practices","href":"/importing-content/cad-to-spline-optimization-best-practices"}]},{"group":"🌈 Materials \u0026 Shading","pages":[{"title":"Material Library","href":"/materials-shading/material-library"},{"title":"Creating Material Layers","href":"/materials-shading/creating-material-layers"},{"title":"Material, Color, and Image Assets","href":"/materials-shading/material-color-and-image-assets"},{"title":"Lighting Layer","href":"/materials-shading/lighting-layer"},{"title":"Color Layer","href":"/materials-shading/color-layer"},{"title":"Image Layer","href":"/materials-shading/image-layer"},{"title":"Video Layer","href":"/materials-shading/video-layer"},{"title":"Depth Layer / 3D Gradient","href":"/materials-shading/depth-layer-3d-gradient"},{"title":"Normal Layer","href":"/materials-shading/normal-layer"},{"title":"Gradient Layer","href":"/materials-shading/gradient-layer"},{"title":"Noise Layer","href":"/materials-shading/noise-layer"},{"title":"Fresnel Layer","href":"/materials-shading/fresnel-layer"},{"title":"Rainbow Layer","href":"/materials-shading/rainbow-layer"},{"title":"Toon Layer","href":"/materials-shading/toon-layer"},{"title":"Outline Layer","href":"/materials-shading/outline-layer"},{"title":"Glass Layer","href":"/materials-shading/glass-layer"},{"title":"Matcap Layer","href":"/materials-shading/matcap-layer"},{"title":"Displace Layer","href":"/materials-shading/displace-layer"},{"title":"Pattern Layer","href":"/materials-shading/pattern-layer"},{"title":"Layer Masking","href":"/materials-shading/layer-masking"},{"title":"Bump Map \u0026 Roughness Map","href":"/materials-shading/bump-map-roughness-map"}]},{"group":"💡 Lighting","pages":[{"title":"Working with Lights","href":"/lighting/working-with-lights"},{"title":"Directional Light","href":"/lighting/directional-light"},{"title":"Point Light","href":"/lighting/point-light"},{"title":"Spot Light","href":"/lighting/spot-light"},{"title":"Soft Shadows","href":"/lighting/soft-shadows"}]},{"group":"📸 Cameras","pages":[{"title":"Working with Cameras","href":"/cameras/working-with-cameras"},{"title":"Camera parameters","href":"/cameras/camera-parameters"},{"title":"Effects (Post-Processing)","href":"/cameras/effects-post-processing"},{"title":"Depth of Field (DoF)","href":"/cameras/depth-of-field-dof"},{"title":"Working with Fog","href":"/cameras/working-with-fog"}]},{"group":"🧶 Integrations","pages":[{"title":"Integrating with Figma","href":"/integrations/integrating-with-figma"},{"title":"Integrating with Framer","href":"/integrations/integrating-with-framer"},{"title":"Integrating with Webflow","href":"/integrations/integrating-with-webflow"},{"title":"Integrating with Notion","href":"/integrations/integrating-with-notion"},{"title":"Integrating with Shopify","href":"/integrations/integrating-with-shopify"},{"title":"Integrating with Play","href":"/integrations/integrating-with-play"},{"title":"Integrating with Wix","href":"/integrations/integrating-with-wix"},{"title":"Integrating with Wix Studio","href":"/integrations/integrating-with-wix-studio"},{"title":"Integrating with Typedream","href":"/integrations/integrating-with-typedream"},{"title":"Integrating with Tome","href":"/integrations/integrating-with-tome"},{"title":"Integrating with Toddle","href":"/integrations/integrating-with-toddle"},{"title":"Integrating with Instant.so","href":"/integrations/integrating-with-instant-so"}]},{"group":"🥳 Fun Facts","pages":[{"title":"The Bunny and Teapot Objects","href":"/fun-facts/the-bunny-and-teapot-objects"}]},{"group":"Policies","pages":[{"title":"Subscriptions and Renewal","href":"/policies/subscriptions-and-renewal"}]}]},"basePath":"","title":"Watch intro tutorials - Spline Documentation","buildId":"dpl_8LJbrAiZvr1K98WQNZXCyY5AvT34","deploymentId":"dpl_8LJbrAiZvr1K98WQNZXCyY5AvT34","dynamics":[],"chunks":[]}
