Spline
  • Customers
  • Enterprise
  • Pricing
Talk to salesStart building
  1. Academy
  2. Tutorials
  3. How to Design and Use Components in 3D

How to Design and Use Components in 3D

Spline 3DIntermediate15 min

Hello! In this tutorial, you will learn how components work and how they can make your design faster and more efficient in 3D.

You can find the scene files from this tutorial in the Library (https://app.spline.design/library)

11: 34 Detaching instances

What you’ll learn

  1. 0:00Intro
  2. 0:43Creating a component instance
  3. 2:24Instance overrides
  4. 4:35Creating design alternatives
  5. 5:54Adding events to components
  6. 7:00Overriding interactions
  7. 9:06Clever uses of 3D components
  8. 10:18Design systems with components
  9. 10:47Instance swapping
  10. 12:06Reset overrides
  11. 13:11Cloner and instances
  12. 14:20Outro

Related resources

  • Component ToggleTemplate
  • ComponentsDocument
  • Materials & ShadingDocument

Overview

  • Spline 3D
  • 15 min
  • Intermediate

Part of

  • Spline Advanced | Feature Deep Dive

Related tutorials

All tutorials
How to Build Reusable 3D Components

Spline 3DIntermediate7 min

Explore 3D Shape Blending in Spline

Spline 3DBeginner26 min

Shape Interactive 3D Fluid Shapes That Follow the Cursor

Spline 3DBeginner12 min

Spline

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

Ask AI about Spline

Products

  • 3D Design
  • Hana
  • Omma
  • AI 3D Generation
  • Spline MCP
  • Pricing
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Download
  • Spline Mirror
  • Download Spline Mirror

Learn

  • Docs
  • Academy
  • Spline API
  • Solutions

Community

  • Spline Community
  • Blog
  • Changelog
  • Education
  • Contra
  • Affiliate

Company

  • Customers
  • Careers
  • Security

Legal

  • Terms & Conditions
  • Privacy

Contact

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.