Spline is a design tool for creating 3D web experiences. The Spline component allows you to insert these interactive 3D designs directly into your Vev projects. By combining Spline with Vev’s features, you can create unique, code-free experiences and publish them to the web.
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:
Open your Spline file: Navigate to your Spline project.
Access the Export menu: In the top bar of the Spline editor, click the “Export” button.
Copy the public URL: A modal will appear that contains the public URL to your Spline file. Click the “Copy link” button to copy the URL to your clipboard.
Embedding a Spline URL in Vev
Once you have the public URL, you are ready to embed the Spline file into your Vev project.
Add the Spline component: Add the Spline component to your Vev canvas.
Open the Properties tab: Double-click the Spline component on the canvas to open the Properties tab on the right side of the editor.
Paste the URL: Paste the public Spline URL you copied into the “Spline URL” field.
You can now customize your 3D design and combine it with Vev features to create a unique experience.
Check Out Our Spline 3D Creation in Vev
Vev and Spline can be used together to create stunning interactive designs. For example, you can create a scrollytelling event that makes 3D objects grow as the user scrolls, or add interactive elements similar to those found in Apple Vision Pro.
For more information, check out our blog post on integrating Spline into Vev.
Here is a final project.
Check out our blog post to learn more about integrating Spline into Vev!