NEW! Integrate 3D into Webflow with Spline Scene - Tutorial

In this video, I'll demonstrate how to use the NEW Webflow's feature - Spline Scene - to seamlessly integrate 3D experience into a website.
---
Webflow announcement: webflow.com/feature/spline
---
Website Demo: spline-scene-demo.webflow.io/
---
You can find the 3D controller here in the Spline library: spline.design/examples
---
Learn more about Spline:
👉 spline.design/
Join Spline community:
👉 Instagram: / splinetool
👉 Twitter: / splinetool
👉 TikTok: / splinedesign
👉 Discord Community: / discord
---
0:00 Introduction
0:48 Export your 3D in Spline
1:14 Integrate into Webflow using the Spline Scene component
1:42 Add a mouse Interaction to the 3D models
3:32 Add a scrolling interaction to the 3D models

[@ChrisEj_The_Broly]

Always dropping banger tutorials, thanks Mihn😌

[@LinhLe-ko7yd]

Such a game-changer feature! Webflow really levels up big time!

[@hamptonpete7905]

Amazing! This makes me want to go back to Webflow and build some cool stuff

[@poppingjaz]

Spline is awesome. I used it in Wordpress and now seeing it in WF gets me giddy

[@thearabov2547]

as always cooolest

[@adamoda8382]

This is great! When I saw the conference, something told me you would totally make a video about this. And I was right lol

[@engsomy]

Hi, Which Conference?

[@khacminhnguyen2350]

such an amazing tutorial! thanks a

[@jurgenvantomme]

good video, thank you.

[@fatjay9402]

Very nice... I wish Elementor would have this

[@anynamecanbeuse]

Hi Minh how did you create this realistic game controller in spline? Would you like to film a tuts for it?

[@sonamtamang4154]

how do you make that controller mockup

[@realmeee]

we can do the same thing in framer and spline right ?

[@TheMezmeriZe]

But how do you do with the loading time of the scene, it weights a lot

[@manuyel96]

Hey nice video, can you help me to know how to replace an image for a mockup to make it usable for my pursposes? I am not very familiar with 3D, but I need to know how to get the replace properly done in Spline without any issues. Often I found in these projects the words "put your image here" put It's simply for me dosen't work right thank you so much!

[@user-bo9lu9nj7u]

Hey, is there a way to remove a group completely? make it dissapear?

[@markroxy1750]

Bro.. We want to see you make work like Gleb Kuznetsov

[@weghitonherrero5370]

Hey mate, what is your creator name on spline so we can check your library?

[@finnhanberg]

Even with low-poly simple scenes, does spline impact load times / usability / ranking at all?

Hey bro! I loved the layout of your website! Is there any way you could make it clonable so we can experiment on it! Thanks!

[@dailylaughter5579]

The controller is available on spline

[@christofferfurnes]

Can I attach buttons to a Spline scene object? e.g a bullet buttons attached to a null objects in the 3D model, that can rotate with the 3D model, always facing the camera... opening a modal window in Webflow when clicked?

[@VonMellArevalo]

Yes, ;possible

[@stigfischer7678]

Can't find the controller in the spline library, do you have a link for the exakt example showcased ? =)

[@stigfischer7678]

@MinhPhamDesign

[@johnsonprince5929]

hey please i want to learn how to place 3d designs on my website with spline but i don't know i use visual studio code to design websites so i don't know is there any special way of doing it

[@abhyuday911]

inside spline go and export the model/experience in form of code (there are alot of options there like for react or for the simple html css js webpages)

[@HISTOIRES.ET.AVENTURES]

hello is it possible to export only the 3d object without the background from spline?

[@JeremyMuradesign]

Click play settings and turn off background in the export menu.

[@andyziko]

Controller link doesent work!

[@solidkundi]

no love for raw JavaScript? 😢

[@frenchpaulic1317]

'Promo SM'