Spline
Neem contact op met salesBegin met bouwen

Interactieve 3D, gemaakt voor het web

Embed je 3D-scènes met één HTML-tag, of exporteer ze als code voor Vanilla JS, React, Next.js en Three.js.

Begin met bouwenLees de documentatie
jouw-website.nl
Spline Viewer

Eén tag, elke website

<spline-viewer> is een native webcomponent en werkt dus in Framer, Webflow, Squarespace, React, Svelte en gewone HTML. Het ziet de hele pagina, niet alleen zijn eigen canvas: scènes kunnen de cursor volgen, ernaar kijken en animeren terwijl je door de pagina scrolt.

Meer informatie over 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

Je 3D-scène, als code

Exporteer als Vanilla JS, React, Next.js, Three.js of react-three-fiber. Kopieer de code, open hem in CodeSandbox of download de bestanden en host ze zelf.

Meer informatie over code-export
Ook op het web

Van een link tot je eigen servers

Code-API

Trigger events, werk variabelen bij en wijzig objecteigenschappen vanuit je eigen code, in Vanilla JS, React en Next.js.

Openbare URL’s

Deel een scène als link, of embed hem in Notion, Webflow, WordPress en meer.

Self-hosted

Download het hele project, inclusief runtime, en serveer het vanaf je eigen servers. In het Enterprise-plan.

WebGPU

Scènes renderen met WebGPU en vallen automatisch terug op WebGL waar dat niet beschikbaar is.

Begin met bouwen in 3D

Verbind je agent, nodig je team uit en publiceer vandaag nog je eerste 3D-scène.

Begin met bouwenVerbind je agent