# Spline - 3D Design tool in the browser with real-time collaboration (https://spline.design/)

> Spline is a free 3D design software with real-time collaboration to create web interactive experiences in the browser. Easy 3d modeling, animation, textures, and more.

# Make anything 3D

Create 3D with AI or build with direct control

## A complete platform for real-time interactive design

Get started by remixing a 3D design made by the Spline community.

[Interactive Websites@DesignGabor](https://app.spline.design/file/1d2b824b-2ce5-4b02-96cb-063814048e46)

[Product Design@heyvlad](https://app.spline.design/file/4d31b859-0317-47cc-87bd-50206e319a05)

[Brand & Marketing@sanny.verkissen](https://app.spline.design/file/9cdb9d24-8118-4b77-b801-7d94fa48980f)

[Gamified Experiences@rluzmotion](https://app.spline.design/file/8ca6090d-854e-4f31-958d-9d1b83df749a)

[3D Mockups@tanyadizone](https://app.spline.design/file/9d023a93-5ce8-46b7-a01b-c5fd7f9353be)

[3D Logos@samborek](https://app.spline.design/file/42f68d5a-4ffc-40d1-ae6f-c2f3740f5676)

[Animated Characters@aximoris](https://app.spline.design/file/8b9b5100-4168-4401-8f66-2d5ab24026fb)

[Animated Characters@heyvlad](https://app.spline.design/file/fcb3d45a-1ffd-474a-afbf-9643cc3a0d40)

[Industrial & Manufacturing@lionti](https://app.spline.design/file/be46966e-a499-476d-be62-3842f4b1ddbf)

[3D Icons@adriandaniluk](https://app.spline.design/file/d8113525-9d21-4006-a8df-2abb5d4e5165)

[Brand & Marketing@vladkolokolnikov](https://app.spline.design/file/67f56854-67d0-4779-b5ed-371c2f5d169e)

[Gamified Experiences@vladkolokolnikov](https://app.spline.design/file/04b49732-6e8b-4651-9dff-a904f1d23548)

[Industrial & Manufacturing@gleb124](https://app.spline.design/file/6bb58e3d-6f46-415a-85a9-9788abf1f309)

### Empowering individuals and teams at world’s leading organizations

## Where ideas become production-ready experiences

Supercharge your team to deliver production-ready interactive 2D & 3D experiences all-in-one platform.

## "We wanted to appeal to an enterprise audience. That's where Spline comes in. It helps our brand feel more cutting-edge than our competition."

Andrew Pons, Principal Brand Designer

3D Design

## Agentic 3D Design, ready for production

A web-based, collaborative 3D design tool for production-ready, real-time interactive experiences — with an AI agent working alongside you.

[Learn more](https://spline.design/3d-design)

### Express your creativity in 3D

Familiar design tools to help you create your best 3D designs.

Real-time rendering

Primitives & 3D Modeling

Multi-platform exports

Agentic editing with AI

### Layer-based materials

Create unique materials with multiple layers or use the ready-made material library.

### Interactivity & Motion

Add interactivity and animation with Spline's powerful event system.

States & Events

Timeline Animation

Game controls

Physics & Particles

### Variables & Data

Bring real-time data into your experiences with Variables, Webhooks, APIs and AI.

## "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

Design

## Hana – a canvas for interactive design

A web-based, collaborative canvas for interactive interfaces and motion, with an AI agent that creates UI designs and graphics.

[Learn more](https://spline.design/hana)

### Design & Collaborate

Familiar design tools, and your whole team in the file at once.

Infinite Canvas

Frames & Auto Layout

Color & Strokes

### Vector Networks

Create custom shapes with a powerful vector network system and Booleans.

### Visual Effects

Enhance your designs with shadows, blurs, noise, glass and 3D projections.

Design interactive and animated experiences with states, events and transition actions.

## Ship real-time experiences to the Web, iOS and Android

A multi-platform solution to seamlessly integrate interactive 3D experiences into your websites, apps, and digital products.

Web

Apple

Android

Press and drag to interact

Webflow Project

1

2

3

4

5

6

7

8

9

10

```
<!-- Import Spline Viewer -->
<script 
    type="module" 
    src="https://unpkg.com/@splinetool/viewer@1.9.82/build/spline-viewer.js">
</script>

<!-- Add your 3D scene using the spline-viewer component -->
<spline-viewer 
    url="https://prod.spline.design/9951u9cumiw2Ehj8/scene.splinecode"
</spline-viewer>
```

[Docs](https://docs.spline.design/doc/integrating-with-webflow/doc9gU5omPVR)

## Loved by innovative teams around the world

[Read story "I wanted to do something really cool with 3D, really bring our brand to life, and Spline was the only tool that would let me do that."Andrew PonsPrincipal Brand Designer](https://blog.spline.design/how-oscilar-brands-ai-risk-platform-with-spline)[Read story "Before Spline, we would need a developer just to handle the 3D integration. Now designers can focus on crafting assets, and engineers don't have to rebuild them from scratch."Zeh FernandesFounding Designer](https://blog.spline.design/how-resend-uses-spline-for-3d-design)[Read story "Spline is very easy and fast to learn. The learning curve is low, even junior designers can step in and integrate 3D experiences into a Webflow project."Pavel DergachevFounder & Creative Director](https://blog.spline.design/how-koji-studio-uses-spline-for-3d-product-showcase)

## Getting started with Spline

Remix designs from the community and library, and learn with written docs and video tutorials.

### Community Platform

Explore and remix designs made by other community members.

[Explore Community](https://community.spline.design/)

[LibraryExplore library files.](https://spline.design/examples)[AcademyLearn with video guides.](https://academy.spline.design)[DocsLearn with written docs.](https://docs.spline.design/)[DownloadDownload Spline apps.](https://spline.design/download)

## Design. Collaborate. Ship.

Superpower your team to deliver production-ready interactive 2D and 3D experiences all in one platform.

[Get started — it's free ](https://app.spline.design/signin)
