Using Spline in Vev

Create unique 3D experiences in Vev by embedding Spline

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Spline is a design tool for creating 3D web browser experiences. The Spline embed enables you to insert interactive experiences directly into your Vev project. Embedding Spline 3D designs and combining them with Vev features give you the power to create unique experiences and publish them to the web without any code.

Below, we break down the steps to take for embedding Spline into Vev.

Get the public URL to your Spline file

Before adding Spline into Vev, you will need to find the public URL to your Spline file:

  1. Open your Spline file, and press the “Export” button in the top bar

  2. In the modal, you will find the public URL to your Spline file

  3. Copy this URL by pressing the button “Copy link”

Add Spline as an element

If you want to add Spline as part of a section in your Vev project, you can easily add it as an element with these steps:

  1. From the top menu bar, click the Add Menu (Shortcut: M)

  2. Search for and select Spline

  3. Click and drag the element onto your canvas

Add Spline as a section

A Spline section will cover the full width of the canvas creating an immersive experience that is hard to miss. Easily add it by following these steps:

  1. From the top menu bar, click on the Add Menu (Shortcut: M)

  2. Search for and select Spline

  3. Click it

  4. Press Alt (Windows) or Option (Mac)

  5. Click Add section here

Insert the Spline URL

Once you have added a Spline element or section and retrieved the public URL to your Spline file, you are ready to embed it into Vev:

  1. Double-click the Spline component, or right-click and select “Edit content”

  2. Paste your public Spline URL in the Spline URL field

Did this answer your question?