Spline
Kontakta säljteametBörja skapa

Interaktiv 3D, byggd för webben

Bädda in dina 3D-scener med en enda HTML-tagg, eller exportera dem som kod för Vanilla JS, React, Next.js och Three.js.

Börja skapaLäs dokumentationen
din-webbplats.se
Spline Viewer

En tagg, vilken webbplats som helst

<spline-viewer> är en native webbkomponent, så den fungerar i Framer, Webflow, Squarespace, React, Svelte och ren HTML. Den känner av hela sidan, inte bara sin egen canvas: scener kan följa muspekaren, titta på den och animeras när du scrollar sidan.

Läs mer om 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');
Kodexport

Din 3D-scen, som kod

Exportera som Vanilla JS, React, Next.js, Three.js eller react-three-fiber. Kopiera koden, öppna den i CodeSandbox eller ladda ner filerna och hosta dem själv.

Läs mer om kodexport
Mer för webben

Från en länk till dina egna servrar

Kod-API

Utlös händelser, uppdatera variabler och ändra objektegenskaper från din egen kod, i Vanilla JS, React och Next.js.

Publika URL:er

Dela en scen som en länk, eller bädda in den i Notion, Webflow, WordPress med flera.

Egen hosting

Ladda ner hela projektet, runtime inräknad, och servera det från dina egna servrar. På Enterprise-planen.

WebGPU

Scener renderas med WebGPU och faller automatiskt tillbaka på WebGL där det inte finns.

Börja bygga i 3D

Koppla din agent, bjud in ditt team och publicera din första 3D-scen redan i dag.

Börja skapaKoppla din agent