# Trasforma i tuoi design Spline in esperienze web interattive - 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. [Tutorial](https://spline.design/it/academy/tutorials)
3. Trasforma i tuoi design Spline in esperienze web interattive

# Trasforma i tuoi design Spline in esperienze web interattive

Spline 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

## Parte di

- [Spline 101 | Crea la tua prima scena interattiva](https://spline.design/it/academy/collections/spline-101-build-your-first-interactive-scene/turn-your-spline-designs-into-interactive-web-experiences)

## Tutorial correlati

[Tutti i tutorial](https://spline.design/it/academy/tutorials)

[Progettare un sito web 3D con Spline e FramerSpline 3DPrincipiante14 min](https://spline.design/it/academy/tutorials/designing-a-3d-website-with-spline-and-framer)[Crea un portale 3D controllato dall’inclinazione in SwiftUISpline 3DAvanzato14 min](https://spline.design/it/academy/tutorials/build-a-tilt-controlled-3d-portal-experience-in-swiftui)[Come creare una sfera 3D reattiva con movimento e interazioneSpline 3DIntermedio7 min](https://spline.design/it/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

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