# Trasforma i tuoi design Spline in esperienze web interattive - Spline 101 | Crea la tua prima scena interattiva - Spline Academy (https://spline.design/it/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences)

> Scopri come dare vita sul web ai tuoi design 3D di Spline! In questa mini masterclass ti spieghiamo tutto ciò che devi sapere per integrare le scene di…

1. [Academy](https://spline.design/it/academy)
2. [Corsi](https://spline.design/it/academy/collections)
3. [Spline 101 | Crea la tua prima scena interattiva](https://spline.design/it/academy/collections/spline-101-build-your-first-interactive-scene)
4. Trasforma i tuoi design Spline in esperienze web interattive

# Trasforma i tuoi design Spline in esperienze web interattive

Lezione 16 di 16Spline 3DPrincipiante10 min

Scopri come dare vita sul web ai tuoi design 3D di Spline! In questa mini masterclass ti spieghiamo tutto ciò che devi sapere per integrare le scene di Spline nei tuoi siti e progetti web.

🎯 Cosa imparerai:

- Come esportare e condividere le scene di Spline con gli URL pubblici
- L’incorporamento con Spline Viewer per un’integrazione rapida
- Le opzioni di esportazione del codice per Vanilla JS, Three.js, React, Next.js e React Three Fiber
- Il deployment in self-hosting per avere il pieno controllo
- L’integrazione di Spline con web builder come Framer, Webflow, Wix e Shopify

Questo tutorial è per chiunque voglia aggiungere elementi 3D interattivi ai propri siti o progetti: iniziamo!

## Risorse correlate

- [Likes ButtonTemplate](https://app.spline.design/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences?redirect-duplicate-template-uuid=0ffd92cf-735d-47e7-8cea-ad0bebdcd0d0&is-2d-file=false)
- [Exporting Your SceneDocumento](https://docs.spline.design/#%F0%9F%8E%9E%EF%B8%8F-exporting-your-scene)
- [Exporting as Public URLsDocumento](https://docs.spline.design/exporting-your-scene/web/exporting-as-public-ur-ls)
- [Exporting as Spline ViewerDocumento](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)
- [Exporting as CodeDocumento](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

## Panoramica

- Spline 3D
- 10 min
- Principiante

## Ultima lezione

Hai completato Spline 101 | Crea la tua prima scena interattiva.

[Torna al corso](https://spline.design/it/academy/collections/spline-101-build-your-first-interactive-scene)

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

L’editor 3D e 2D per i team e i loro agenti. Pubblica sul web, su iOS e su Android.

#### Chiedi all’IA informazioni su Spline

#### Prodotti

- [Design 3D](https://spline.design/it/3d-design)
- [Hana](https://spline.design/it/hana)
- [Omma](https://omma.build)
- [Generazione 3D con IA](https://spline.design/it/ai-generate)
- [Spline MCP](https://spline.design/it/mcp)
- [Spline Arena](https://spline.design/it/arena)
- [Prezzi](https://spline.design/it/pricing)
- [Enterprise](https://spline.design/it/enterprise)

#### Runtime

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

#### App

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

#### Impara

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

#### Community

- [Community di Spline](https://community.spline.design)
- [Blog](https://spline.design/it/blog)
- [Novità](https://spline.design/it/changelog)
- [Istruzione](https://spline.design/it/education)
- [Contra](https://spline.design/contra)
- [Affiliazione](https://spline.design/it/affiliate)

#### Azienda

- [Clienti](https://spline.design/it/customers)
- [Lavora con noi](https://www.ycombinator.com/companies/spline/jobs)
- [Sicurezza](https://spline.design/it/security)

#### Note legali

- [Termini e condizioni](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contatti

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

© 2026 - Spline, Inc.