Model, texture, animate and make it interactive, together in one live file. Agents build the first pass, designers refine it, and it ships to the web, iOS and Android.
Agents and designers take turns in the same live scene. Nothing to export, re-import or rebuild between them.
01
Prompt
Describe the scene. Your agent reads the file and blocks it out: shapes, lights and a camera.
02
Build together
Designers join the same live file to model, tune materials and leave comments while the agent keeps working.
03
Hand it back
Select anything and ask for a change: a hover state, a variant, a timeline. Agents see what you see.
04
Ship
Publish to the web, export code, or take the same file to iOS and Android.
Design, AI and code
Model in 3D, with an agent at your side
Familiar design tools and real-time rendering, plus an AI agent that builds scenes and writes the code.
Real-time rendering
Primitives and 3D modeling
Agentic editing with AI
Custom code for UIs and logic
Or ask your agent
Block out a low-poly island with a waterfall.
Materials and shading
Layer-based materials
Create unique materials by stacking layers instead of writing shaders, or start from the ready-made material library.
Layer-based material system
Glass, fresnel and displace
Ready-made material library
Or ask your agent
Make the water glassier, with a soft fresnel edge.
Interactivity and motion
Bring your scene to life
Add interactivity and animation with Spline’s event system: states, timelines, game controls and physics.
States and events
Timeline animation
Game controls
Physics and particles
Or ask your agent
Make the boat bob on a loop and tip over when it’s clicked.
Variables and data
Real-time data, in 3D
Drive what your scene shows with live values from Variables, Webhooks and APIs.
Variables
Webhooks and API requests
Conditional actions
Or ask your agent
Show the live score from our API on the scoreboard.
“With Spline, we can create interactive 3D objects that make our product feel tangible. It’s more than decoration. It’s how we show we care about the details.”
Zeh FernandesFounding Designer, Resend
Collaboration
Design together, in real time
Real-time collaboration
Everyone edits the same live scene, agents included, and sees each other’s cursors.
Comments
Leave feedback right in the scene for your team, or notes for yourself.
Teams, projects and folders
Organize work by team and project, and share a file with a link.
PreviewEditCode
AAKYShareExport
A
AAna4 min ago
Could the props spin up slower when it lands?
AAgent2 min ago
Eased them in over 1.2 s. Have a look.
YYouJust now
Perfect. Ship it!
Reply
You
Features
A full toolkit for 3D design
The tools behind production-ready 3D, from the first primitive to the final export.
3D modeling and booleans
Model any kind of object with a range of 3D tools.
3D vector editing
The vector tool you already know, in 3D space.
Camera controls
Use cameras to orbit and compose your scene.
Components
Build 3D design systems from reusable components.
Templates library
3D designs, templates and objects ready to use.
Drag and drop
3D drag-and-drop interactions without code.
Physics
Rigid bodies, colliders, gravity and forces, simulated in real time.
Variables
Numbers, booleans and text that drive objects, states and UI.
Material assets
Stay organized with textures and colors as assets.
PBR and HDR workflow
Physical materials, HDRI lighting and PBR exports.
Video textures
Play video over your models with video texture layers.
Post-processing
Finish the look with bloom, depth of field and color grading.
WebGPU rendering
The editor and exports render on WebGPU, with a WebGL fallback.
Drive the editor from Claude, ChatGPT, Cursor and other agents.
Teams, projects and folders
Organize your 3D work by team, project and folder.
Publish
One scene. Web, Apple and Android.
Ship the same file to a website, an iPhone app or an Android app. Each platform gets its own native renderer, so scenes keep their interactivity and performance.