# Maak van je Spline-designs interactieve webervaringen - Spline 101 | Bouw je eerste interactieve scène - Spline Academy (https://spline.design/nl/academy/tutorials/turn-your-spline-designs-into-interactive-web-experiences)

> Leer hoe je je 3D-designs uit Spline tot leven brengt op het web! In deze mini-masterclass nemen we je mee door alles wat je moet weten om Spline-scènes in…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene)
4. Maak van je Spline-designs interactieve webervaringen

# Maak van je Spline-designs interactieve webervaringen

Les 16 van 16Spline 3DBeginner10 min

Leer hoe je je 3D-designs uit Spline tot leven brengt op het web! In deze mini-masterclass nemen we je mee door alles wat je moet weten om Spline-scènes in je websites en webprojecten te integreren.

🎯 Wat je leert:

- Spline-scènes exporteren en delen via openbare URL’s
- Insluiten met Spline Viewer voor een snelle integratie
- Opties voor code-export voor Vanilla JS, Three.js, React, Next.js en React Three Fiber
- Zelf hosten voor volledige controle
- Spline integreren met websitebouwers zoals Framer, Webflow, Wix en Shopify

Deze tutorial is voor iedereen die interactieve 3D-elementen aan zijn sites of projecten wil toevoegen. Laten we beginnen!

## Gerelateerde bronnen

- [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 SceneDocument](https://docs.spline.design/#%F0%9F%8E%9E%EF%B8%8F-exporting-your-scene)
- [Exporting as Public URLsDocument](https://docs.spline.design/exporting-your-scene/web/exporting-as-public-ur-ls)
- [Exporting as Spline ViewerDocument](https://docs.spline.design/exporting-your-scene/web/exporting-as-spline-viewer)
- [Exporting as CodeDocument](https://docs.spline.design/exporting-your-scene/web/exporting-as-code)

## Overzicht

- Spline 3D
- 10 min
- Beginner

## Laatste les

Dat was het einde van Spline 101 | Bouw je eerste interactieve scène.

[Terug naar de cursus](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](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.