New Spline & Webflow Integration

[@alejandrostafuza6945]

my guy casually dropped the best tutorial on youtube and left

[@ifthis_]

Hell yeah Timothy. I couldn't wait to make more Spline for Webflow stuff, and this inspired me. Cheers mate.

[@timothyricks]

Thank you!

[@vasu9760]

Crazy stuff, thanks for sharing a quick and simple, on point tutorial Tim.

[@timothyricks]

So glad this helps! Love having this native now!

[@austinandriese]

Bro, I’m blown away at how dope this is. Webflow just got SO much more powerful

[@james8356]

Timothy. You sir are a legend. Don’t you forget it!

[@timothyricks]

Thanks so much, James!

[@james8356]

@@timothyricks thank you for the quick updates. You’ve saved me many times on my freelancing journey! 🙏

[@younlogiudice7244]

There's no way you can integrate 3D that easily. Wow! Amazing video Timothy, can't wait to try this.

[@JulianHibbert]

Again, thanks so much Timothy! Stunningly presented and easy to understand! Really appreciate your videos.

[@Mromsboy]

This is so satisfying to watch !

[@timothyricks]

Thank you!!

[@jeronimoserna]

This was awesome! Thanks tim, I can see you have the new webflow version 👀👀

[@timothyricks]

Yes, it should be available to everyone now! :)

[@totallyempty]

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

[@timothyricks]

I had the same issue! Hopefully they fix that soon

[@kohx_io]

My colleague found this after we found something similar! Diving in now!

[@sonicrealm]

Do you have to subscribe to webflow in order to custom this?

[@timothyricks]

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.

[@nohakharrat]

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??

[@wesselhoek3301]

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

[@christhedon420]

Thank you for this Timothy been wanting to do something like this for a couple months.

[@timothyricks]

So glad this helps! I’m really excited about the integration

[@자밋]

Unbelievable work!

[@eli.alcaraz]

Holy sheet. Okay okay okay. I guess it's time to add Spline to my subscriptions.

[@timothyricks]

Yes, it's so worth it now!

[@otterguyty]

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.

[@anastasya_vass]

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?

[@Ruslan54RUS]

Cool and easy to understand, thanks!

[@aricloftsgard5470]

Great video! Just wondering how you might make it adaptable to phone size with its unfortunate inability to maintain sticky

[@timothyricks]

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.

[@Purvwebflow]

Thanks for this, really enjoyed creating this it was quick and simple 😎

[@Mimimimimimsan]

Can you do this in wix?

[@julioteles1811]

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?

[@ehovagimbcp]

Bro it was just announced, you’re too quick with it lmaooo

[@timothyricks]

Haha, I had early access

[@davidyim5019]

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

[@ezekielpeppers637]

Great vid. Do you know how to access the spline plug-in? I can't seem to find it,

[@timothyricks]

Thank you! It should be available now to everyone in the elements panel.

[@ezekielpeppers637]

Ah yea I see it now! I watched this video a bit before they sent out the update haha@@timothyricks

[@thenimeshkumar]

I believe this is the first video showing Webflow's new UI

[@timothyricks]

I think you're right! :)

[@ehoquetem]

As·ton·ish·ing this makes me cry here, man...

[@Kev95-x9t]

I want to rotate a 3D spline object but the z rotate setting is missing on webflow.. Does someone know why? Thanks

[@Kev95-x9t]

I only have the option to adjust the x and y rotation, z is missing

[@iamruletik]

How to get this new webflow ui?

[@timothyricks]

Just open Webflow :)

[@966-r6z]

I didn't know how to change the location of the origin point 0:46

[@gastonhenrich2492]

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 ?

[@timothyricks]

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

[@Atsolok]

Does this negativily change your SEO (speed)score?

[@timothyricks]

I'm sure it has an impact on load time but haven't tested it personally. Each scene is different

[@chubpone]

Anyone know how to do work like this

[@olaidemichael5093]

I can

[@chubpone]

@@olaidemichael5093 need contact info

[@alanzdunczykowski1020]

bro, why all splines are lagging on google chrome?

[@krugu1]

Its actually shitty perfomance wise. Also now you need to pay a spline subscription in order to hide the logo etc..

[@joaolucaswork]

why your webflow is so beautiful?

[@timothyricks]

Webflow redesigned their logo, UI, and added a lot of new features. It should be available to everyone now!

[@yashkalra6518]

very nice bro

[@timothyricks]

Thanks so much!

[@egecelengil6412]

Thank you good sir

[@jelenajovanovic1472]

Wow 💯

[@huseyingayiran]

Legend

[@rsalinaszambrano]

Love you :)

[@realitydesigners]

Wow

[@Jizansanu]

❤

[@joelwasserman9180]

This looks cool but sooooooo complicated

[@runaruni898]

🤩😘🤩🤩

[@MACH_SDQ]

Fucking goooooood

[@deepakjamra5502]

❤