Spline
Vertrieb kontaktierenJetzt loslegen

Interaktives 3D, gemacht fürs Web

Bette deine 3D-Szenen mit einem einzigen HTML-Tag ein oder exportiere sie als Code für Vanilla JS, React, Next.js und Three.js.

Jetzt loslegenZur Doku
deine-website.de
Spline Viewer

Ein Tag, jede Website

<spline-viewer> ist eine native Web Component und funktioniert daher in Framer, Webflow, Squarespace, React, Svelte und reinem HTML. Sie reagiert auf die ganze Seite, nicht nur auf ihr Canvas: Szenen können dem Cursor folgen, ihn ansehen und sich beim Scrollen animieren.

Mehr erfahren über 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

Deine 3D-Szene als Code

Exportiere sie als Vanilla JS, React, Next.js, Three.js oder react-three-fiber. Kopiere den Code, öffne ihn in CodeSandbox oder lade die Dateien herunter und hoste sie selbst.

Mehr erfahren über den Code-Export
Auch im Web

Vom Link bis zu deinen eigenen Servern

Code API

Löse Events aus, aktualisiere Variablen und ändere Objekteigenschaften aus deinem eigenen Code – in Vanilla JS, React und Next.js.

Öffentliche URLs

Teile eine Szene als Link oder bette sie in Notion, Webflow, WordPress und mehr ein.

Self-Hosting

Lade das gesamte Projekt inklusive Runtime herunter und stelle es von deinen eigenen Servern bereit. Im Enterprise-Plan.

WebGPU

Szenen werden mit WebGPU gerendert und fallen automatisch auf WebGL zurück, wo es nicht verfügbar ist.

Starte jetzt in 3D

Verbinde deinen Agenten, lade dein Team ein und veröffentliche noch heute deine erste 3D-Szene.

Jetzt loslegenAgenten verbinden