New Spline & Webflow Integration

Поділитися
Вставка
  • Опубліковано 4 жов 2023
  • Get project cloneable at (affiliate link)
    webflow.grsm.io/tricks?path=s...
    Join my Webflow Wizards Community
    / timothyricks
  • Навчання та стиль

КОМЕНТАРІ • 68

  • @alejandrostafuza6945
    @alejandrostafuza6945 3 місяці тому +12

    my guy casually dropped the best tutorial on youtube and left

  • @ifthis_
    @ifthis_ 9 місяців тому +18

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

  • @JulianHibbert
    @JulianHibbert 8 місяців тому +2

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

  • @austinandriese
    @austinandriese 9 місяців тому +1

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

  • @vasu9760
    @vasu9760 9 місяців тому +14

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

    • @timothyricks
      @timothyricks  9 місяців тому +1

      So glad this helps! Love having this native now!

  • @Purvwebflow
    @Purvwebflow 9 місяців тому +2

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

  • @Ruslan54RUS
    @Ruslan54RUS 9 місяців тому +2

    Cool and easy to understand, thanks!

  • @Mromsboy
    @Mromsboy 9 місяців тому +2

    This is so satisfying to watch !

  • @user-kq1jk3qe2e
    @user-kq1jk3qe2e 4 місяці тому +1

    Unbelievable work!

  • @jeronimoserna
    @jeronimoserna 9 місяців тому +5

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

    • @timothyricks
      @timothyricks  9 місяців тому +2

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

  • @kohx_io
    @kohx_io 6 місяців тому

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

  • @younlogiudice7244
    @younlogiudice7244 18 днів тому

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

  • @christhedon420
    @christhedon420 9 місяців тому +1

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

    • @timothyricks
      @timothyricks  9 місяців тому

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

  • @totallyempty
    @totallyempty 9 місяців тому +2

    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
      @timothyricks  9 місяців тому +1

      I had the same issue! Hopefully they fix that soon

  • @james8356
    @james8356 9 місяців тому +3

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

    • @timothyricks
      @timothyricks  9 місяців тому +2

      Thanks so much, James!

    • @james8356
      @james8356 9 місяців тому +1

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

  • @user-hn2cy9si8y
    @user-hn2cy9si8y 7 місяців тому +1

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

  • @eli.alcaraz
    @eli.alcaraz 9 місяців тому +2

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

  • @davidyim5019
    @davidyim5019 8 місяців тому

    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

  • @anastasya_vass
    @anastasya_vass 6 місяців тому

    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?

  • @otterguyty
    @otterguyty 4 місяці тому

    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.

  • @huseyingayiran
    @huseyingayiran 9 місяців тому +1

    Legend

  • @wesselhoek3301
    @wesselhoek3301 15 днів тому

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

  • @aricloftsgard5470
    @aricloftsgard5470 9 місяців тому +1

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

    • @timothyricks
      @timothyricks  9 місяців тому +1

      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.

  • @rsalinaszambrano
    @rsalinaszambrano 8 місяців тому

    Love you :)

  • @ehoquetem
    @ehoquetem 4 місяці тому +1

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

  • @Mimimimimimsan
    @Mimimimimimsan Місяць тому

    Can you do this in wix?

  • @thenimeshkumar
    @thenimeshkumar 9 місяців тому +2

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

  • @jelenajovanovic1472
    @jelenajovanovic1472 9 місяців тому +2

    Wow 💯

  • @yashkalra6518
    @yashkalra6518 9 місяців тому +3

    very nice bro

  • @ehovagimbcp
    @ehovagimbcp 9 місяців тому +1

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

  • @gastonhenrich2492
    @gastonhenrich2492 9 місяців тому

    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
      @timothyricks  9 місяців тому

      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

  • @julioteles1811
    @julioteles1811 2 місяці тому

    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?

  • @ezekielpeppers637
    @ezekielpeppers637 9 місяців тому +1

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

    • @timothyricks
      @timothyricks  9 місяців тому

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

    • @ezekielpeppers637
      @ezekielpeppers637 9 місяців тому

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

  • @user-xh4io2vw1b
    @user-xh4io2vw1b 2 місяці тому

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

  • @Atsolok
    @Atsolok 9 місяців тому

    Does this negativily change your SEO (speed)score?

    • @timothyricks
      @timothyricks  9 місяців тому +1

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

  • @joaolucaswork
    @joaolucaswork 9 місяців тому +2

    why your webflow is so beautiful?

    • @timothyricks
      @timothyricks  9 місяців тому +2

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

  • @sonicrealm
    @sonicrealm 11 днів тому

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

    • @timothyricks
      @timothyricks  11 днів тому

      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.

  • @Jizansanu
    @Jizansanu 8 місяців тому +1

  • @realitydesigners
    @realitydesigners 9 місяців тому +1

    Wow

  • @iamruletik
    @iamruletik 9 місяців тому +1

    How to get this new webflow ui?

  • @chubpone
    @chubpone 8 місяців тому +1

    Anyone know how to do work like this

  • @alanzdunczykowski1020
    @alanzdunczykowski1020 9 днів тому

    bro, why all splines are lagging on google chrome?

    • @krugu1
      @krugu1 4 дні тому

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

  • @joelwasserman9180
    @joelwasserman9180 9 місяців тому

    This looks cool but sooooooo complicated

  • @runaruni898
    @runaruni898 7 місяців тому +1

    🤩😘🤩🤩

  • @MACH_SDQ
    @MACH_SDQ 3 місяці тому

    Fucking goooooood