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.

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
Zo werken teams in Spline

Eén bestand, van prompt tot productie

Agents en designers wisselen elkaar af in dezelfde live scène. Niets te exporteren, opnieuw te importeren of opnieuw op te bouwen tussendoor.

  1. 01

    Prompt

    Beschrijf de scène. Je agent leest het bestand en zet de basis neer: vormen, licht en een camera.

  2. 02

    Bouw samen

    Designers stappen in hetzelfde live bestand om te modelleren, materialen bij te stellen en opmerkingen te plaatsen terwijl de agent doorwerkt.

  3. 03

    Geef het terug

    Selecteer iets en vraag om een wijziging: een hoverstatus, een variant, een tijdlijn. Agents zien wat jij ziet.

  4. 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.

Resend
‘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.

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.

Export van beeld, video en 3D

JPG en PNG, MP4 en GIF, of GLTF en USDZ.

Code-export

Breng je ontwerp naar je React-projecten.

3D genereren met AI

Genereer modellen uit een prompt of afbeelding, klaar voor je scène.

Spline MCP

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.

Veelgestelde vragen

Je vragen, beantwoord

Is Spline gratis?

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.