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

  • @LinhLe-ko7yd
    @LinhLe-ko7yd8 ай бұрын

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

  • @ChrisEj_The_Broly
    @ChrisEj_The_Broly8 ай бұрын

    Always dropping banger tutorials, thanks Mihn😌

  • @hamptonpete7905
    @hamptonpete79058 ай бұрын

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

  • @poppingjaz
    @poppingjaz8 ай бұрын

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

  • @khacminhnguyen2350
    @khacminhnguyen23508 ай бұрын

    such an amazing tutorial! thanks a

  • @thearabov2547
    @thearabov25478 ай бұрын

    as always cooolest

  • @jurgenvantomme
    @jurgenvantomme8 ай бұрын

    good video, thank you.

  • @adamoda8382
    @adamoda83828 ай бұрын

    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

    @engsomy

    4 күн бұрын

    Hi, Which Conference?

  • @fatjay9402
    @fatjay94028 ай бұрын

    Very nice... I wish Elementor would have this

  • @sonamtamang4154
    @sonamtamang41548 ай бұрын

    how do you make that controller mockup

  • @anynamecanbeuse
    @anynamecanbeuse8 ай бұрын

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

  • @realmeee
    @realmeee8 ай бұрын

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

  • @TheMezmeriZe
    @TheMezmeriZe8 ай бұрын

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

  • @manuyel96
    @manuyel962 ай бұрын

    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
    @user-bo9lu9nj7u6 ай бұрын

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

  • @finnhanberg
    @finnhanberg2 ай бұрын

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

  • @markroxy1750
    @markroxy17508 ай бұрын

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

  • @weghitonherrero5370
    @weghitonherrero53705 ай бұрын

    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

    @dailylaughter5579

    21 күн бұрын

    The controller is available on spline

  • @stigfischer7678
    @stigfischer76788 ай бұрын

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

  • @stigfischer7678

    @stigfischer7678

    8 ай бұрын

    @MinhPhamDesign

  • @christofferfurnes
    @christofferfurnes7 ай бұрын

    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

    @VonMellArevalo

    Ай бұрын

    Yes, ;possible

  • @HISTOIRES.ET.AVENTURES
    @HISTOIRES.ET.AVENTURES8 ай бұрын

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

  • @JeremyMuradesign

    @JeremyMuradesign

    8 ай бұрын

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

  • @johnsonprince5929
    @johnsonprince59298 ай бұрын

    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

    @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)

  • @andyziko
    @andyziko4 ай бұрын

    Controller link doesent work!

  • @solidkundi
    @solidkundi4 ай бұрын

    no love for raw JavaScript? 😢

  • @frenchpaulic1317
    @frenchpaulic13177 ай бұрын

    'Promo SM'