Designing a 3D toggle button micro-interaction with Spline

Spline 3DBeginner14 min

In this tutorial, you will learn how to use the events and states system to create micro-interactions and build a toggle button in 3D.

☀️ Update: Spline is improving fast, and now there is a new way to achieve the toggle effect without using invisible objects.

Check this tutorial for more: https://www.youtube.com/watch?v=lJIDSiDlhvw&t=10s&ab_channel=Spline

☀️Update 2: The new Components can be used to create variations of your 3D UI elements.

Tutorial about components here: https://youtu.be/VSddFnDjPUA

What you’ll learn

  1. 0:00Introduction
  2. 0:20Making the toggle shapes
  3. 1:40Creating materials
  4. 5:45Creating the event triggers
  5. 8:47Creating the states
  6. 11:30Adding micro details
  7. 12:20Final export options

Related tutorials

All tutorials