New Webflow and Spline: 3D Product Demo

[@nguyennhatvy4848]

straight to the point, thanks buddy, I hope to see more of these tutor's type like this from you, quick and hit the point!

[@j.x.7655]

This is exactly what I'm looking for 😉 thank you for the tutor

[@webbae]

You’re welcome 😊

[@TheMezmeriZe]

Can you add a snap scroll code for thiS? So if You scroll to next secgion you just need a single scroll action

[@webbae]

Yes css has a scroll snap option or your could use a vertical scroll snapping sort of thing like I do here kzbin.info/www/bejne/n4azkKmDms1_i8ksi=LEXAemOr0MKMO2Zg

[@nonstopper]

How’s the performance with this? How badly does it affect lighthouse score?

[@webbae]

Seems pretty good - depends a lot on the asset though! I did a patreon video with an animated logo composed of 5000 particles and the animation was slow in designer but fine on published page. In general if you want to create a unique experience with 3D then you may be making tradeoffs on performance/lighthouse, which is OK in my opinion, so long as it works for your intended conversion metric!

[@j.x.7655]

I think it depends on the size of the 3D file.

[@MACH_SDQ]

Very goooood

[@heatherliu6856]

Need 3D webflow pet cow via Spline

[@webbae]

3D farm chores! Brilliant! I love it.

[@KrishS-s6q]

Is webflow free?... Can i create 4+ pages using webflow?

[@webbae]

Hi! You can build up to 2 pages for free. Check out the different plans here: webflow.com/pricing

[@arcticzombie4297]

Do you know if this is also possible using framer?

[@webbae]

Haven’t used framer before but I imagine it can take an embed!

[@arcticzombie4297]

Embedding works, but I was wondering about the key framing part. I want to create the scroll animation, just like you.@@webbae

[@goatedchild6345]

@@arcticzombie4297 you can do it in webflow cuz it's native ( you can control settings in of spline ) in framer u can only embed