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
Пікірлер: 32
Such a game-changer feature! Webflow really levels up big time!
Always dropping banger tutorials, thanks Mihn😌
Amazing! This makes me want to go back to Webflow and build some cool stuff
Spline is awesome. I used it in Wordpress and now seeing it in WF gets me giddy
such an amazing tutorial! thanks a
as always cooolest
good video, thank you.
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
4 күн бұрын
Hi, Which Conference?
Very nice... I wish Elementor would have this
how do you make that controller mockup
Hi Minh how did you create this realistic game controller in spline? Would you like to film a tuts for it?
we can do the same thing in framer and spline right ?
But how do you do with the loading time of the scene, it weights a lot
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!
Hey, is there a way to remove a group completely? make it dissapear?
Even with low-poly simple scenes, does spline impact load times / usability / ranking at all?
Bro.. We want to see you make work like Gleb Kuznetsov
Hey mate, what is your creator name on spline so we can check your library?
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
21 күн бұрын
The controller is available on spline
Can't find the controller in the spline library, do you have a link for the exakt example showcased ? =)
@stigfischer7678
8 ай бұрын
@MinhPhamDesign
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
hello is it possible to export only the 3d object without the background from spline?
@JeremyMuradesign
8 ай бұрын
Click play settings and turn off background in the export menu.
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
7 ай бұрын
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)
Controller link doesent work!
no love for raw JavaScript? 😢
'Promo SM'