How To Create 3D Website Designs With Webflow and Spline
In this video, I'm going to show you how to create 3D website designs with Webflow and Spline without typing a single line of code. Webflow has released a new update allowing users to integrate with Spline to be able to control animation features directly in program. This will allow designers to really up their game when it comes to 3d content and website designs.
🚀 Build Faster With Tilebit 👇
www.tilebit.io
🛠 Try Webflow 👇
webflow.grsm.io/arnau
🚀 Subscribe for more weekly design content
bit.ly/2FQLrO5
🎥 What I use in my videos!
kit.co/arnauros/filming-setup
📄 Bonsai Referral (try for free)
www.hellobonsai.com/invite?fp...
👨💻 Connect with me
arnau.design
🌎 Socials
/ arnau_design
/ arnau_design
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!
Пікірлер: 85
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
8 ай бұрын
yes
@lalalandcph
8 ай бұрын
Yes!
@Alex-dv9yj
8 ай бұрын
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
8 ай бұрын
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.
@iqra4860
7 ай бұрын
yes, loved it, it was giving quite immersive experience .
Thanks man! Goes without says, always appreciate the quick walkthroughs on the new new stuff :)
PS yes would like to see you do more of this "mind-bending" interactions
Try it bro, thanks for this. Great work
Yes I'll love to see you attempt this animation on spline
Webflow truly is becoming better and better. can't wait for the years to come!
@ArnauRos
8 ай бұрын
They really are creating an incredible ecosystem
yesss i have been waiting for this !!!!!!!!!
Yes, give it a shot
great, do make a tutorial on the last example website which had a forward flow , that was quite immersive 3d design !
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
8 ай бұрын
Thats one way to think about it!😄
hell yes, please try
Awesome video!! and please make the animation shown in last website
Could you make more videos related to 3D? I absolutely love those! They're super cool.
@ArnauRos
4 ай бұрын
Sure thing!
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
6 ай бұрын
Awesome, thank you! Great to know we have more 3d people here, its an interesting combo of skills
@Duendennis
6 ай бұрын
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
@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" ?
yes would like to see you do the LVMH Website design expample
@ArnauRos
7 ай бұрын
Coming soon for sure!
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
Great 👍 thank you! Was thinking of creating an author page with my books floating around. Can you recommend anyone?
@ArnauRos
8 ай бұрын
Email us! Hello@arnau(dot)design
Please make the video of scolling throw the website
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
2 ай бұрын
Hey, im not 100% on shopify
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
7 ай бұрын
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!
do this scroll animation in real time tutorial! Please!
Bro how do you make your thumbnails. Do use figma for your thumbnails as well ? It's cool and professional 💯
@ArnauRos
7 ай бұрын
Yeah I do! Thanks man :)
Did you attempt that 3D scene? Would be really interested to see if you did! If there is a link :)
@ArnauRos
6 ай бұрын
Not yet! Coming soon
Waiting for LVHM !
@ArnauRos
3 ай бұрын
me too at this point! too much work haha
PLZ RECREATE SOME OF THOSE ANIMATIONS
How would you make the earth interact with the cursor, can you do a tutorial on that with the website?
@ArnauRos
4 ай бұрын
Do you mean something simple? Or something like google maps
@stephystuff2955
4 ай бұрын
@@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
4 ай бұрын
check this out webflow.com/made-in-webflow/website/pizza-burger
Do this complicated 3D scene!
@ArnauRos
8 ай бұрын
Absolutely!!!
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
4 ай бұрын
hey, are you trying with the url of spline? or are you going to export then finding the spline link
how to add 3d aniamted logo made from spline in webflow?
@ArnauRos
2 ай бұрын
you need your logo in spline in 3d, then follow the vid its the same steps
Can this be done in @framer Thanks
@ArnauRos
6 ай бұрын
Not 100% sure!
hey are the materials free, my spline has almost all the items in materials locked and asks for subscription
@ArnauRos
7 ай бұрын
No it should be free
@adibmannan3230
7 ай бұрын
@@ArnauRos can you give your email, I can then send you the screenshot.
@ArnauRos
7 ай бұрын
@adibmannan3230 sure, but it might be better to contact spline support as I’m not 100% involved there :)
yes please any think 3D
4:15 killed me
@ArnauRos
8 ай бұрын
Sorry about that, first time thats happened I'll mute those few seconds lol
@coffeestudi0s
8 ай бұрын
For real
@ArnauRos
8 ай бұрын
Should be fixed!
Are you related to Jaume Ros? the setup is the same. 😯
@ArnauRos
5 ай бұрын
haha yes I'm filming in his studio! We're brothers
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
7 ай бұрын
Backend is still crucial for many many sites!
@goatedchild6345
7 ай бұрын
@@ArnauRos yes that's true
we need preloader for spline / webflow !
@ArnauRos
8 ай бұрын
Yeeeeee
it doesn't work with the new update
@ArnauRos
3 ай бұрын
yeah of course
loading time 2h ?
@ArnauRos
Ай бұрын
noo its quick, spline and webflow load quite well
What about wordpress sites bro. Tell us how to use them on wordpress
@ArnauRos
6 ай бұрын
I only use webflow to make sites! I'm not sure how to do it on wordpress
Do you think ai is gonna take over web design anytime soon?
@ArnauRos
8 ай бұрын
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
but transforming that into code would be nightmare.
@ArnauRos
8 ай бұрын
Sure would!
Deeper question here--Arnau doesn't brush his hair yet he is still somehow hot? What's the deal.
you dont show how it al, wokrs
@ArnauRos
3 ай бұрын
what do you mean