Spline
Contatta il team venditeInizia a creare

3D interattivo, creato per il web

Incorpora le tue scene 3D con un solo tag HTML, oppure esportale come codice per Vanilla JS, React, Next.js e Three.js.

Inizia a creareLeggi la documentazione
il-tuo-sito.com
Spline Viewer

Un tag, qualsiasi sito web

<spline-viewer> è un web component nativo, quindi funziona in Framer, Webflow, Squarespace, React, Svelte e HTML puro. Percepisce l’intera pagina, non solo il suo canvas: le scene possono seguire il cursore, guardarlo e animarsi mentre scorri la pagina.

Scopri di più: 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');
Esportazione del codice

La tua scena 3D, come codice

Esportala in Vanilla JS, React, Next.js, Three.js o react-three-fiber. Copia il codice, aprilo in CodeSandbox oppure scarica i file e ospitali tu stesso.

Scopri di più: esportazione del codice
Sempre sul web

Da un link ai tuoi server

API del codice

Attiva eventi, aggiorna variabili e modifica le proprietà degli oggetti dal tuo codice, in Vanilla JS, React e Next.js.

URL pubblici

Condividi una scena come link, oppure incorporala in Notion, Webflow, WordPress e altro.

Self-hosting

Scarica l’intero progetto, runtime incluso, e servilo dai tuoi server. Con il piano Enterprise.

WebGPU

Le scene vengono renderizzate con WebGPU e passano automaticamente a WebGL dove non è disponibile.

Inizia a creare in 3D

Collega il tuo agente, invita il tuo team e pubblica oggi la tua prima scena 3D.

Inizia a creareCollega il tuo agente