De 3D-editor waarin je team bouwt samen met je agents
Modelleer, textureer, animeer en maak het interactief, samen en in één live bestand, gewoon in je browser. Agents maken de eerste versie, designers verfijnen hem en hij gaat live op het web, iOS en Android.
Agents en designers wisselen elkaar af in dezelfde live scène. Niets te exporteren, opnieuw te importeren of opnieuw op te bouwen tussendoor.
01
Prompt
Beschrijf de scène. Je agent leest het bestand en zet de basis neer: vormen, licht en een camera.
02
Bouw samen
Designers stappen in hetzelfde live bestand om te modelleren, materialen bij te stellen en opmerkingen te plaatsen terwijl de agent doorwerkt.
03
Geef het terug
Selecteer iets en vraag om een wijziging: een hoverstatus, een variant, een tijdlijn. Agents zien wat jij ziet.
04
Publiceer
Publiceer op het web, exporteer code of breng hetzelfde bestand naar iOS en Android.
Design, AI en code
Modelleer in 3D, met een agent naast je
Vertrouwde designtools en realtime rendering, plus een AI-agent die scènes bouwt en de code schrijft.
Realtime rendering
Primitieven en 3D-modelleren
Agentisch bewerken met AI
Eigen code voor UI en logica
Of vraag het je agent
Zet een low-poly eiland met een waterval op.
Materialen en shading
Gelaagde materialen
Maak unieke materialen door lagen te stapelen in plaats van shaders te schrijven, of begin vanuit de kant-en-klare materiaalbibliotheek.
Systeem met gelaagde materialen
Glas, fresnel en displacement
Kant-en-klare materiaalbibliotheek
Of vraag het je agent
Maak het water glaziger, met een zachte fresnelrand.
Interactiviteit en beweging
Breng je scène tot leven
Voeg interactiviteit en animatie toe met het eventsysteem van Spline: states, tijdlijnen, gamebesturing en fysica.
States en events
Animatie met tijdlijn
Gamebesturing
Fysica en deeltjes
Of vraag het je agent
Laat de boot in een loop deinen en kapseizen bij een klik.
Variabelen en data
Live data, in 3D
Bepaal wat je scène toont met live waarden uit variabelen, webhooks en API’s.
Variabelen
Webhooks en API-requests
Voorwaardelijke acties
Of vraag het je agent
Toon de live score uit onze API op het scorebord.
‘Met Spline kunnen we interactieve 3D-objecten maken die ons product tastbaar maken. Het is meer dan decoratie. Zo laten we zien dat we om details geven.’
Zeh FernandesFounding Designer, Resend
Samenwerking
Samen ontwerpen, in realtime
Realtime samenwerken
Iedereen bewerkt dezelfde live scène, agents inbegrepen, en ziet elkaars cursors.
Opmerkingen
Geef je team feedback direct in de scène, of laat notities voor jezelf achter.
Teams, projecten en mappen
Orden werk per team en project, en deel een bestand met een link.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
Kunnen de propellers bij de landing wat rustiger optoeren?
AAgent2 min ago
Ik heb ze vertraagd naar 1,2 s. Kijk maar even.
YYouJust now
Top! Live zetten.
Reply
You
Functies
Een complete toolkit voor 3D-design
De tools achter productieklare 3D, van de eerste basisvorm tot de laatste export.
3D-modelleren en booleans
Modelleer elk soort object met een complete set 3D-tools.
3D-vectorbewerking
De vectortool die je al kent, in de 3D-ruimte.
Camerabesturing
Gebruik camera’s om rond je scène te draaien en hem te kadreren.
Componenten
Bouw 3D-designsystemen met herbruikbare componenten.
Templatebibliotheek
Kant-en-klare ontwerpen, templates en 3D-objecten.
Slepen en neerzetten
3D-interacties met slepen en neerzetten, zonder code.
Fysica
Rigid bodies, colliders, zwaartekracht en krachten, realtime gesimuleerd.
Variabelen
Getallen, booleans en tekst die objecten, states en UI aansturen.
Materiaalassets
Houd het overzichtelijk met texturen en kleuren als assets.
PBR- en HDR-workflow
Fysieke materialen, HDRI-belichting en PBR-exports.
Videotexturen
Speel video af op je modellen met videotextuurlagen.
Postprocessing
Werk de look af met bloom, scherptediepte en kleurcorrectie.
WebGPU-rendering
De editor en exports renderen met WebGPU, met WebGL als terugval.
Bestuur de editor vanuit Claude, ChatGPT, Cursor en andere agents.
Teams, projecten en mappen
Orden je 3D-werk per team, project en map.
Publiceren
Eén scène. Web, Apple en Android.
Publiceer hetzelfde bestand naar een website, een iPhone-app of een Android-app. Elk platform heeft een eigen native renderer, dus scènes blijven interactief en snel.
Ja. Het Free-plan kost $ 0 per maand en bevat de 3D-designeditor in je browser, de Spline Library en webexports. Betaalde plannen voegen AI-credits, meer bestanden en meer exportmogelijkheden toe.
Kan ik 3D-design doen in mijn browser?
Ja. Spline werkt in je browser, zonder iets te installeren, en rendert met WebGPU, met WebGL als terugval. Er is ook een desktopapp voor Mac en Windows.
Heb ik ervaring met 3D-modelleren nodig?
Nee. Begin met primitieven of de Spline Library, of beschrijf wat je wilt en laat een agent de eerste versie maken. Heb je al eens een designtool gebruikt, dan voelen lagen, eigenschappen en het realtime canvas meteen vertrouwd.
Wat kan ik maken met Spline?
Interactieve 3D voor websites en apps: hero-scènes, productviewers, games, datavisualisaties en interfaces met diepte, tot leven gebracht met states, events, tijdlijnanimatie en fysica.
Waar kan ik mijn 3D-ontwerpen gebruiken?
Publiceer op het web met een link of embed, breng de scène naar je React-projecten of gebruik hetzelfde bestand op iOS en Android. Je kunt ook afbeeldingen, video, GLTF en USDZ exporteren.
Kan ik in 3D ontwerpen met mijn team en AI-agents?
Ja. Elk bestand is live: je team modelleert, reageert en reviewt in realtime. Claude, ChatGPT, Cursor en andere agents kunnen via Spline MCP in hetzelfde bestand werken.
Begin met bouwen in 3D
Verbind je agent, nodig je team uit en publiceer vandaag nog je eerste 3D-scène.