# Herbruikbare 3D-components bouwen - Spline gevorderd | De functies tot in detail - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-build-reusable-3d-components)

> In deze tutorial bekijken we alles wat je moet weten over components in Spline en hoe ze je designworkflow kunnen veranderen!

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive)
4. Herbruikbare 3D-components bouwen

# Herbruikbare 3D-components bouwen

Les 2 van 17Spline 3DGemiddeld7 min

In deze tutorial bekijken we alles wat je moet weten over components in Spline en hoe ze je designworkflow kunnen veranderen!

Je leert hoe je components maakt en beheert, instances loskoppelt en aanpast, wijzigingen doorvoert naar het hoofdcomponent en variaties wisselt.

We delen ook praktische tips en best practices om in Spline efficiënte en herbruikbare designsystemen te bouwen.

Meer over components: <https://youtu.be/VSddFnDjPUA>

🎅💖Speciale feestdagen-remix: <https://app.spline.design/file/400edc03-f028-46ef-874a-9529a290483c>

\--- Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Introductie van components](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=0s)
2. [0:54Een component maken](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=54s)
3. [2:07Instances beheren](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=127s)
4. [3:00Wijzigingen doorvoeren en variaties gebruiken](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=180s)
5. [4:26Praktische toepassingen](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=266s)
6. [5:45Best practices](https://www.youtube.com/watch?v=eWuFrHiyyu0&t=345s)

## Gerelateerde bronnen

- [Calculator ComponentsTemplate](https://app.spline.design/academy/tutorials/how-to-build-reusable-3d-components?redirect-duplicate-template-uuid=e35b4ba4-f15c-428a-a66e-6522a8e15617&is-2d-file=false)
- [ComponentsDocument](https://docs.spline.design/designing-in-3-d/components)

## Overzicht

- Spline 3D
- 7 min
- Gemiddeld

## Hierna

[Een reactieve 3D-bol bouwen met beweging en interactie7 minGemiddeld](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Verder](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)

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