# Spline 3D Design - Production-ready interactive 3D experiences (https://spline.design/3d-design)

> A web-based, collaborative 3D design tool for production-ready interactive 3D: real-time rendering, layer-based materials, events, physics and an AI agent.

# The 3D editor your team and agents build in

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.

[Start building](https://app.spline.design/signin)[Connect your agent](https://spline.design/mcp)

How teams work in Spline

## One file, from prompt to production

Agents and designers take turns in the same live scene. Nothing to export, re-import or rebuild between them.

1. 01  
### Prompt  
Describe the scene. Your agent reads the file and blocks it out: shapes, lights and a camera.
2. 02  
### Build together  
Designers join the same live file to model, tune materials and leave comments while the agent keeps working.
3. 03  
### Hand it back  
Select anything and ask for a change: a hover state, a variant, a timeline. Agents see what you see.
4. 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

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

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

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 Fernandes**Founding 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.

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.

### Image, video and 3D exports

JPG and PNG, MP4 and GIF, or GLTF and USDZ.

### Code export

Drop your design into your React projects.

### [AI 3D generation](https://spline.design/ai-generate)

Generate models from a prompt or an image, ready to use in your scene.

### [Spline MCP](https://spline.design/mcp)

Drive the editor from Claude, ChatGPT, Cursor and other agents.

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.

- [WebWebGPU · WebGLPublish a link, embed the viewer, or export code for your stack and host it yourself.](https://spline.design/web)
- [AppleMetalAdd a native SwiftUI view to your app, or generate an Xcode project ready for the App Store.](https://spline.design/ios)
- [AndroidVulkanAdd a native view with Jetpack Compose, or build an APK or App Bundle straight from Spline.](https://spline.design/android)

prompt.md

## Start building in 3D

Connect your agent, invite your team and ship your first 3D scene today.

[Spline](https://spline.design/)

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://academy.spline.design)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://blog.spline.design/)
- [Updates](https://updates.spline.design)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.