This is next level!!! Thanks for the detailed demo. I only wish they would fix the right control panel which does get stuck on smaller screens and I have to zoom my page out to access some of the bottom parameters for my interactions
wow..amazing..in love with this one..does this affect the performance of the website? is there anything to do to reduce the impact of the animated object on the perfomrance of the website??
Hi Timothy, thank you for the amazing video! I noticed that the spline model doesn't show up in Safari. Do you have any suggestions on how to fix this issue?
Thank you! Position sticky still works on mobile as long as no parent elements have an overflow style applied. The cloneable in the video description is a good example of that.
This tutorial is great, I have one question. How can I make sure that this character/object is on top of my hero? (Using a template, and it doesnt appear on top of the screen, even though I follow all you settings (VHs, Relative, dragged above hero section, etc.).
As a 3D artist that has learned Webflow this native Spline integration is everything! Now we just need Spline to ditch webGL and adopt webGPU for better performance.
Thanks for the great vidwo. The Spline file I imported is positioned as sticky but it never stays fixed when I scroll down. What can I check to make sure Spline file is not moving when I scroll up/down? Once again, thank you for the tutorial. Very helpful
looks awesome!!! i have one question how will this affect the real performance on a real website in terms of loading etc? sorry i do not work with webflow. dont know how it works. it looks great on the builder, but what about turn it into a website and test it on browser ?
Overall the performance on the published site seems really smooth. Each Spline Scene can have different file sizes and different impacts on performance. I believe Spline offers a tool for testing and improving scene performance. spideyspline.webflow.io
my guy casually dropped the best tutorial on youtube and left
Hell yeah Timothy. I couldn't wait to make more Spline for Webflow stuff, and this inspired me. Cheers mate.
Thank you!
Crazy stuff, thanks for sharing a quick and simple, on point tutorial Tim.
So glad this helps! Love having this native now!
Bro, I’m blown away at how dope this is. Webflow just got SO much more powerful
Again, thanks so much Timothy! Stunningly presented and easy to understand! Really appreciate your videos.
Timothy. You sir are a legend. Don’t you forget it!
Thanks so much, James!
@@timothyricks thank you for the quick updates. You’ve saved me many times on my freelancing journey! 🙏
This is so satisfying to watch !
Thank you!!
This was awesome! Thanks tim, I can see you have the new webflow version 👀👀
Yes, it should be available to everyone now! :)
There's no way you can integrate 3D that easily. Wow! Amazing video Timothy, can't wait to try this.
Unbelievable work!
Thank you for this Timothy been wanting to do something like this for a couple months.
So glad this helps! I’m really excited about the integration
My colleague found this after we found something similar! Diving in now!
Thanks for this, really enjoyed creating this it was quick and simple 😎
This is next level!!! Thanks for the detailed demo. I only wish they would fix the right control panel which does get stuck on smaller screens and I have to zoom my page out to access some of the bottom parameters for my interactions
I had the same issue! Hopefully they fix that soon
Cool and easy to understand, thanks!
wow..amazing..in love with this one..does this affect the performance of the website? is there anything to do to reduce the impact of the animated object on the perfomrance of the website??
Holy sheet. Okay okay okay. I guess it's time to add Spline to my subscriptions.
Yes, it's so worth it now!
Hi Timothy, thank you for the amazing video! I noticed that the spline model doesn't show up in Safari. Do you have any suggestions on how to fix this issue?
Great video! Just wondering how you might make it adaptable to phone size with its unfortunate inability to maintain sticky
Thank you! Position sticky still works on mobile as long as no parent elements have an overflow style applied. The cloneable in the video description is a good example of that.
This tutorial is great, I have one question. How can I make sure that this character/object is on top of my hero? (Using a template, and it doesnt appear on top of the screen, even though I follow all you settings (VHs, Relative, dragged above hero section, etc.).
As a 3D artist that has learned Webflow this native Spline integration is everything! Now we just need Spline to ditch webGL and adopt webGPU for better performance.
Can you do this in wix?
Do you have to subscribe to webflow in order to custom this?
I believe the spline element is available on the free Webflow plan. If you have a free spline account, it may have the spline logo on top.
As·ton·ish·ing this makes me cry here, man...
Thanks for the great vidwo. The Spline file I imported is positioned as sticky but it never stays fixed when I scroll down. What can I check to make sure Spline file is not moving when I scroll up/down? Once again, thank you for the tutorial. Very helpful
I believe this is the first video showing Webflow's new UI
I think you're right! :)
Bro it was just announced, you’re too quick with it lmaooo
Haha, I had early access
Great vid. Do you know how to access the spline plug-in? I can't seem to find it,
Thank you! It should be available now to everyone in the elements panel.
Ah yea I see it now! I watched this video a bit before they sent out the update haha@@timothyricks
what to do instead of the command and option key in windwows
Wow 💯
I didn't know how to change the location of the origin point 0:46
very nice bro
Thanks so much!
Thank you good sir
looks awesome!!! i have one question how will this affect the real performance on a real website in terms of loading etc? sorry i do not work with webflow. dont know how it works. it looks great on the builder, but what about turn it into a website and test it on browser ?
Overall the performance on the published site seems really smooth. Each Spline Scene can have different file sizes and different impacts on performance. I believe Spline offers a tool for testing and improving scene performance.
spideyspline.webflow.io
I don't know what happens, but when I created the Scroll animation, my avatar's Z axis doesn't work. Can you help me?
why your webflow is so beautiful?
Webflow redesigned their logo, UI, and added a lot of new features. It should be available to everyone now!
How to get this new webflow ui?
Just open Webflow :)
I want to rotate a 3D spline object but the z rotate setting is missing on webflow.. Does someone know why? Thanks
I only have the option to adjust the x and y rotation, z is missing
Anyone know how to do work like this
I can
@@olaidemichael5093 need contact info
Does this negativily change your SEO (speed)score?
I'm sure it has an impact on load time but haven't tested it personally. Each scene is different
Legend
bro, why all splines are lagging on google chrome?
Its actually shitty perfomance wise. Also now you need to pay a spline subscription in order to hide the logo etc..
❤
🤩😘🤩🤩
Wow
Love you :)
Fucking goooooood
This looks cool but sooooooo complicated
❤