← Tools & Integrations

Typedream x Spline

A guide on how to add interactive 3D elements to your Typedream page

Assets

How does this integration work?

background

First, create a website on Typedream

background

Second, create a 3D design on Spline and export

background

Then, embed your Spline design on your Typedream page

Uses.

Giving a website a 3D, futuristic feel + some fun

Spline is popular among designers and is a great way to help you elevate the look, as well as interactivity of your site.

Try it out and move Molang around →

Adding Spline to Typedream.

Step 1

Go to the Spline editor
Create a design or choose from an existing file

For demonstration purposes, we went to Spline's Library and selected one of their amazing pre-built designs. The Library is also an awesome place for getting inspiration if you're stuck on where to start.

Step 2

Click Export located on the top toolbar
Make sure that Public URL is selected
Copy the embeddable iframe code snippet

Step 3

Create an embed block by typing /embed
Paste the code snippet from Spline in the text field under the Code tab
Click Insert Code

Done!

But wait, what's Spline?

Spline is a design platform and environment that allows you to easily create professional 3D illustrations. It's like a three.js editor but without needing code.

background

Start building your dream site today.

The world needs to see your awesome idea.

Related guides

Hang tight!

We're in the middle of putting together more integration guides for you to supercharge your Typedream site.


Made in Typedream