Spline
Talk to salesStart building

Interactive 3D, built for the web

Embed your 3D scenes with one HTML tag, or export them as code for Vanilla JS, React, Next.js and Three.js.

Start buildingRead the docs
your-website.com
Spline Viewer

One tag, any website

<spline-viewer> is a native web component, so it works in Framer, Webflow, Squarespace, React, Svelte and plain HTML. It hears the whole page, not just its canvas: scenes can follow the cursor, look at it and animate as the page scrolls.

Learn more about Spline Viewer
main.js
import { Application } from '@splinetool/runtime';

// Render the scene on a canvas
const canvas = document.getElementById('canvas3d');
const app = new Application(canvas);

app.load('https://prod.spline.design/DGI6oWLNcrhyDwvi/scene.splinecode');
Code export

Your 3D scene, as code

Export it as Vanilla JS, React, Next.js, Three.js or react-three-fiber. Copy the code, open it in CodeSandbox, or download the files and host them yourself.

Learn more about code export
Also on the web

From a link to your own servers

Code API

Trigger events, update variables and change object properties from your own code, in Vanilla JS, React and Next.js.

Public URLs

Share a scene as a link, or embed it in Notion, Webflow, WordPress and more.

Self-hosted

Download the whole project, runtime included, and serve it from your own servers. On the Enterprise plan.

WebGPU

Scenes render on WebGPU, and fall back to WebGL automatically where it isn’t available.

Start building in 3D

Connect your agent, invite your team and ship your first 3D scene today.

Start buildingConnect your agent