Skip to main content
🕹️ Interaction (States, Events, and Actions) Events & Interactivity

Events & Interactivity

Events enable you to change an object state based on your input to the Viewport; this is similar to how CSS or JS events work (if you are familiar with these terms).

Events are how you can trigger actions like transitions to have animation and interactivity.

Spline Events

To learn more about each specific event, find all Spline events following the link below.

→ All Spline Events

Creating your first Event & Action

  1. Select the object you want to add a new event to.

  2. Go to the Events panel on the right sidebar and click the + icon.

  3. Open the Event created and if necessary, use the top dropdown to switch to a different event type.

  4. Create a new action by choosing one of the options available in the empty state.

  5. From the Target dropdown, choose the object you want to target for the event.

  6. In the Transitions section, you can build your sequence of transitions between different states.

You can now play around with the rest of the settings and preview your animation by entering Play Mode.

Example: Creating a "Start" Event cycling and looping with a "Spring" transition curve.

Here is a live example of the above.

Click & Drag 👆 – A "Start" Event cycling and looping with a "Spring" transition curve.