How To Create 3D Website Designs With Webflow and Spline

Поделиться
HTML-код
  • Опубликовано: 3 янв 2025

Комментарии •

  • @ArnauRos
    @ArnauRos  Год назад +23

    Webflow just changed the game again. Some pretty mind blowing stuff is going to start appearing from the webflow/3d space. Should I make a tutorial on how to get the last example in the video? 👇

    • @iiniwaves
      @iiniwaves Год назад +1

      yes

    • @lalalandcph
      @lalalandcph Год назад

      Yes!

    • @Alex-dv9yj
      @Alex-dv9yj Год назад +1

      Bro your videos are dope! Would be crazy if you did a full tutorial on how to do that last 3d example. Keep up with the great stuff

    • @tejas4friends
      @tejas4friends Год назад

      Yes please. It's really an amazing concept in terms of design. I'm exploring the 3d aspect in web design and this will be good introduction for everyone.

    • @Womaniaaa
      @Womaniaaa Год назад

      yes, loved it, it was giving quite immersive experience .

  • @kwcreative
    @kwcreative Год назад +8

    PS yes would like to see you do more of this "mind-bending" interactions

  • @XPilotP
    @XPilotP Год назад +6

    Webflow truly is becoming better and better. can't wait for the years to come!

    • @ArnauRos
      @ArnauRos  Год назад +2

      They really are creating an incredible ecosystem

  • @micalcre8ts
    @micalcre8ts Год назад +2

    This is amazing our income just went up another six figures ...... I have been using Adobe Creative Suite less these days ..Figma webflow and Photoshop....now I'm adding Spline. I am looking forward to more of these vids

    • @ArnauRos
      @ArnauRos  Год назад +1

      Thats one way to think about it!😄

  • @Lyf_of_Ike
    @Lyf_of_Ike 9 месяцев назад

    Yes I'll love to see you attempt this animation on spline

  • @kwcreative
    @kwcreative Год назад

    Thanks man! Goes without says, always appreciate the quick walkthroughs on the new new stuff :)

  • @sw23ae
    @sw23ae Год назад

    Try it bro, thanks for this. Great work

  • @private_krapfen950
    @private_krapfen950 4 месяца назад +1

    Can you make a video about better performance, i heared there are a lot off issues with CPU use in spline.

  • @kieranstrachan7886
    @kieranstrachan7886 8 месяцев назад +1

    @ArnauRos I wanted to make a scrolling website like the website: OpenLands in your video. any tips to finding a way to making a scrolling "3d corridor" ?

  • @Duendennis
    @Duendennis Год назад +1

    Hi Arnau, definitely interested in the openlands creation!!! Love seeing you do a part of that one. :).
    By the way, I'm also acquainted with 3d as a building engineer.
    Greats Dennis

    • @ArnauRos
      @ArnauRos  Год назад

      Awesome, thank you! Great to know we have more 3d people here, its an interesting combo of skills

    • @Duendennis
      @Duendennis Год назад

      It definitely is.... although I'm not a webdesigner and it is just my interest to use it on my own website.
      I will experiment with Sketchup and import it in Spline.
      Thanks for your content. Wondering about Openlands, also the text animation is really beautiful, wonder how they made that.
      (the "H1" 's how they appear).
      Greats Dennis

  • @ayitscapturing
    @ayitscapturing 5 месяцев назад

    I would love if you create a tutorial for the animation just like openlands with horizontal scrolling!
    Thanks a lot!

  • @sublimecorp1636
    @sublimecorp1636 3 месяца назад

    Thank you so much for your knowledge, appreciate it a lot, blessings.

  • @hossamayman3587
    @hossamayman3587 11 месяцев назад

    Could you make more videos related to 3D? I absolutely love those! They're super cool.

    • @ArnauRos
      @ArnauRos  11 месяцев назад +2

      Sure thing!

    • @HalimaSadia-u3l
      @HalimaSadia-u3l 3 месяца назад

      Yes ❤❤❤❤❤❤❤❤❤ we will really like

  • @itsdefinitelychris
    @itsdefinitelychris 4 месяца назад

    thanks for the tutorial

  • @satyamblaze9938
    @satyamblaze9938 Год назад

    Yes, give it a shot

  • @goatedchild6345
    @goatedchild6345 Год назад +9

    You don't need to be a backend genius anymore just a front end genius & for the elements you need to know how to use spline which requires creative geniuses.

    • @ArnauRos
      @ArnauRos  Год назад +4

      Backend is still crucial for many many sites!

    • @goatedchild6345
      @goatedchild6345 Год назад +2

      @@ArnauRos yes that's true

  • @motivationfacts6714
    @motivationfacts6714 Год назад +1

    Great 👍 thank you! Was thinking of creating an author page with my books floating around. Can you recommend anyone?

    • @ArnauRos
      @ArnauRos  Год назад

      Email us! Hello@arnau(dot)design

  • @Womaniaaa
    @Womaniaaa Год назад

    great, do make a tutorial on the last example website which had a forward flow , that was quite immersive 3d design !

  • @Ahmeddhouioui
    @Ahmeddhouioui Год назад

    yes would like to see you do the LVMH Website design expample

    • @ArnauRos
      @ArnauRos  Год назад

      Coming soon for sure!

  • @miab24
    @miab24 2 месяца назад

    can you change the 3D shape to a saved picture example?

  • @Towelmaker123
    @Towelmaker123 3 месяца назад

    can I use it for 3d product rendering ? Do you have a tutorial?

    • @ArnauRos
      @ArnauRos  3 месяца назад +1

      spline can def be used for 3d rendering! I don't have a vid on it though

    • @KaiThelegnd
      @KaiThelegnd 3 месяца назад

      @@ArnauRoswhich tutorial would you suggest for product 3d ?

    • @ArnauRos
      @ArnauRos  3 месяца назад

      tbh I learned cinema4d a couple years back, so I wouldn't know the most up to date tutorial for 3d

  • @uzee2257
    @uzee2257 2 месяца назад

    DO it Do itt doooo itt...!!! 📣 NO but seriously I would love to see the step by step tutorial of such amazing design.

    • @ArnauRos
      @ArnauRos  Месяц назад

      ahah thanks man Its coming!

  • @Krizzoa
    @Krizzoa Год назад

    your explanation is soo good and could you please guide me on how to become a good web designer from scratch cuz I have tried development but that coding is not meant for me so please tell how can i start and every i can learn all the things

    • @ArnauRos
      @ArnauRos  Год назад +1

      I'm setting up an academy if you'd like to be one of the first to try out the courses in a few months!

  • @stephystuff2955
    @stephystuff2955 11 месяцев назад

    How would you make the earth interact with the cursor, can you do a tutorial on that with the website?

    • @ArnauRos
      @ArnauRos  11 месяцев назад

      Do you mean something simple? Or something like google maps

    • @stephystuff2955
      @stephystuff2955 11 месяцев назад

      @@ArnauRos something like, if my cursor goes either left or right and this earth has a pair of eyes on it, the eyes follow the cursor.

    • @ArnauRos
      @ArnauRos  11 месяцев назад

      check this out webflow.com/made-in-webflow/website/pizza-burger

  • @dhanishkhajuria_
    @dhanishkhajuria_ Год назад

    Awesome video!! and please make the animation shown in last website

  • @FinnBekker
    @FinnBekker 3 месяца назад

    i have trouble with copying the spline design into the website im building. for some reason does it not paste in my design in Webflow. do you maybe know why this happens?

  • @kishangautam7506
    @kishangautam7506 Год назад

    Yes please make a video about the last website you showed and please make one tutorial about spline as well because your bg is in 3d you can teach better

  • @luketype4242
    @luketype4242 Год назад

    Did you attempt that 3D scene? Would be really interested to see if you did! If there is a link :)

    • @ArnauRos
      @ArnauRos  Год назад

      Not yet! Coming soon

  • @Pixelnocra
    @Pixelnocra 28 дней назад

    a question if have payed for a premium pack in spline and use the links method to export my spline scene and if i publish my website and my premium account changes to free account do i get waterlogo or is my spline scene deactivating because i want use spline to present 3d character as model viewer and im very unsure how it would work after some motnhs if my premium is done

  • @parisbrown90
    @parisbrown90 Год назад

    Please make the video of scolling throw the website

  • @RohitYadav-p5x7g
    @RohitYadav-p5x7g Год назад

    hell yes, please try

  • @heyibraecom
    @heyibraecom Месяц назад

    Can I integrate with Shopify

  • @CattoDescendo
    @CattoDescendo 9 месяцев назад

    This looks amazing!! Can I ask if you know that creating such designs are also possible on Shopify by using Spline as an integration?

    • @ArnauRos
      @ArnauRos  9 месяцев назад

      Hey, im not 100% on shopify

  • @DenjiXMakima
    @DenjiXMakima Год назад

    Bro how do you make your thumbnails. Do use figma for your thumbnails as well ? It's cool and professional 💯

    • @ArnauRos
      @ArnauRos  Год назад

      Yeah I do! Thanks man :)

  • @stephystuff2955
    @stephystuff2955 11 месяцев назад

    do this scroll animation in real time tutorial! Please!

  • @mahmud_sharie
    @mahmud_sharie Год назад

    Can this be done in @framer
    Thanks

  • @StoryMagicWonderland
    @StoryMagicWonderland 10 месяцев назад

    Waiting for LVHM !

    • @ArnauRos
      @ArnauRos  10 месяцев назад

      me too at this point! too much work haha

  • @i_i_ntg20
    @i_i_ntg20 9 месяцев назад

    how to add 3d aniamted logo made from spline in webflow?

    • @ArnauRos
      @ArnauRos  9 месяцев назад +1

      you need your logo in spline in 3d, then follow the vid its the same steps

  • @adibmannan3230
    @adibmannan3230 Год назад

    hey are the materials free, my spline has almost all the items in materials locked and asks for subscription

    • @ArnauRos
      @ArnauRos  Год назад

      No it should be free

    • @adibmannan3230
      @adibmannan3230 Год назад

      @@ArnauRos can you give your email, I can then send you the screenshot.

    • @ArnauRos
      @ArnauRos  Год назад +1

      @adibmannan3230 sure, but it might be better to contact spline support as I’m not 100% involved there :)

    • @Lonely-gourmet
      @Lonely-gourmet 3 месяца назад

      Yes, I just tried a piece of junk software this morning and it was run by a team from China. You have to pay for registration.

  • @maxfluency670
    @maxfluency670 Год назад +1

    Do this complicated 3D scene!

  • @narendraamadan
    @narendraamadan 10 месяцев назад

    when I tried by putting the URL in WebFlow it did not work. I tried again with a different animation did not work. SOMEONE HELP ME

    • @ArnauRos
      @ArnauRos  10 месяцев назад

      hey, are you trying with the url of spline? or are you going to export then finding the spline link

  • @joshuamallory7440
    @joshuamallory7440 Год назад

    Are you related to Jaume Ros? the setup is the same. 😯

    • @ArnauRos
      @ArnauRos  Год назад

      haha yes I'm filming in his studio! We're brothers

  • @Marvinstechhub
    @Marvinstechhub 27 дней назад

    Why don’t you guys use regular vs

  • @saimathar1112
    @saimathar1112 10 месяцев назад

    PLZ RECREATE SOME OF THOSE ANIMATIONS

  • @fably100
    @fably100 Год назад

    we need preloader for spline / webflow !

  • @MrUnKnownPhonkヅ
    @MrUnKnownPhonkヅ 10 месяцев назад

    it doesn't work with the new update

    • @ArnauRos
      @ArnauRos  10 месяцев назад

      yeah of course

  • @000SilaS000
    @000SilaS000 8 месяцев назад

    loading time 2h ?

    • @ArnauRos
      @ArnauRos  8 месяцев назад

      noo its quick, spline and webflow load quite well

  • @ParkRoadbro
    @ParkRoadbro Год назад

    What about wordpress sites bro. Tell us how to use them on wordpress

    • @ArnauRos
      @ArnauRos  Год назад

      I only use webflow to make sites! I'm not sure how to do it on wordpress

  • @Ted_Nique
    @Ted_Nique Год назад +2

    4:15 killed me

    • @ArnauRos
      @ArnauRos  Год назад +1

      Sorry about that, first time thats happened I'll mute those few seconds lol

    • @coffeestudi0s
      @coffeestudi0s Год назад

      For real

    • @ArnauRos
      @ArnauRos  Год назад +1

      Should be fixed!

  • @hidekiryuga-hn6cq
    @hidekiryuga-hn6cq Год назад

    Do you think ai is gonna take over web design anytime soon?

    • @ArnauRos
      @ArnauRos  Год назад

      I wish I knew! But i think its only going to take over as much as the clients want. If they want to learn to use the ai/ tell it what to do, fix all their business problems then maybe. However I think we’re still a while until then

  • @sebbieweb7461
    @sebbieweb7461 Год назад

    yes please any think 3D

  • @MrUnKnownPhonkヅ
    @MrUnKnownPhonkヅ 10 месяцев назад

    you dont show how it al, wokrs

    • @ArnauRos
      @ArnauRos  10 месяцев назад

      what do you mean

  • @shawnfreeman3303
    @shawnfreeman3303 6 месяцев назад

    Too expensive and lags it's better to use other free 3d or animated options to save you money as this method certainly won't.

    • @ArnauRos
      @ArnauRos  6 месяцев назад

      which other options do you use?

    • @faturismee
      @faturismee 3 месяца назад

      hi! can you give some advices for the web dev beginner?

  • @seang2012
    @seang2012 Год назад

    Deeper question here--Arnau doesn't brush his hair yet he is still somehow hot? What's the deal.