Spline — 3D Design Tool for the Web

Overview

Spline is a browser-based 3D design tool that lets designers create interactive 3D scenes and export them to websites without writing code. Teams use it for 3D landing pages, product showcases, animated illustrations, and interactive experiences: the scene is built in Spline's visual editor (modeling, materials, animation, physics, events), then exported as a hosted URL, a spline-viewer web component, or code for React, Next.js and vanilla JS. This skill covers the code side: embedding an exported scene and controlling it at runtime.

Instructions

Pick the export

In the editor press Export and choose one of the web options. Each produces a URL to copy; after changing the scene, update the export so the URL serves the new version.

Export	What you get	Use it when
Public URL	`https://my.spline.design/...` page, embeddable in an iframe	Sharing a link, or tools that only accept iframes
Viewer	`spline-viewer` web component	Any site or builder; needed for page-wide scroll, follow and look-at events
Code → React / Next.js	`scene.splinecode` URL for `@splinetool/react-spline`	The app must read or change objects, variables and events
Code → Vanilla JS	`scene.splinecode` URL for `@splinetool/runtime`	Same control without React