You're an absolute legend Tim! I changed it from "on-scroll" to "on-click" and used it to reveal my mega nav and the result is jaw-droppingly good! Thank you!
Timothy knows when I need some shit so he makes it happen😂 This is like the 10th time and I'm starting to be like "ahh, just leave it be for a day or two, my boy T will make a tutorial😂
This is great Tim, perfect timing for a project, I wonder if using GSAP will provide better performance though? Like using this same setup, but instead of the interaction in Webflow we use scroll trigger.
Tim! Amazing tutorial, thank you so much for your commitment to the community. I have a question around best practice.. Would you say it's best practice to try to, as much as possible, construct interactions/animations of this nature with GSAP instead of native Webflow interactions? Is one "better" than the other in terms of site speed, accessibility, etc.?
@@LukeHallickII Hi Luke, thank you! Yes, for my own projects, I create interactions with GSAP instead. It’s usually better for performance than Webflow interactions and gives us more control over the animation and adjusting it for accessibility settings like prefers reduced motion. Excited to see what things will look like when GSAP is natively integrated into Webflow!
Thank you! I’m very happy to have component variants. I see them being useful for things like button size or section layout reverse. Hopefully one day we can have multiple variants on a single component.
Great tutorial, thank you Tim! Don't you think Webflow should add a way to open that little text field into a modal (which they already have) to write the custom code more easily...
Hey Tim, Amazing tutorial, once again! Considering the latest Webflow update, will there be any major updates in Lumos or with the Lumos components anytime soon? Also, is there a new way to import Lumos into an existing project, or is using the shared library function still the best approach?
Thanks so much! Lumos is already updated with the new variable types for line height and font weight. Shared Libraries is still the fastest method I know of for importing Lumos into an older project.
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
You're an absolute legend Tim! I changed it from "on-scroll" to "on-click" and used it to reveal my mega nav and the result is jaw-droppingly good! Thank you!
Tim, you make the best videos and have introduced me to so many valuable resources. Thank you
Thank you so much! I’m really glad these help!
Hi Mr. Ricks. I love all your videos, they are top-tier and in my opinion you’re one of the best mentors out there. Thanks for your work.💪
Timothy knows when I need some shit so he makes it happen😂 This is like the 10th time and I'm starting to be like "ahh, just leave it be for a day or two, my boy T will make a tutorial😂
Perfect timing Tim! This is incredible ❤
I was literally searching for this tutorial yesterday. Thank you 🙌🙌
Oh, awesome!! I’m so glad this helps
Just in time, thank you, Tim!
Yes! been needing this for a long time. Thank you sir.
phenomenal tutorial
Variable is getting more powerful already. Imagine when GSAP is integrated.
@@ItsEricPhung For sure! Can’t wait to see what native GSAP looks like
This is great Tim, perfect timing for a project, I wonder if using GSAP will provide better performance though? Like using this same setup, but instead of the interaction in Webflow we use scroll trigger.
Gracias! Realmente eres un mago haha
Tim! Amazing tutorial, thank you so much for your commitment to the community.
I have a question around best practice..
Would you say it's best practice to try to, as much as possible, construct interactions/animations of this nature with GSAP instead of native Webflow interactions? Is one "better" than the other in terms of site speed, accessibility, etc.?
@@LukeHallickII Hi Luke, thank you! Yes, for my own projects, I create interactions with GSAP instead. It’s usually better for performance than Webflow interactions and gives us more control over the animation and adjusting it for accessibility settings like prefers reduced motion. Excited to see what things will look like when GSAP is natively integrated into Webflow!
Gooooood
Great video! I’m also curious what you think about component variants :) would love to see a vid on that
Thank you! I’m very happy to have component variants. I see them being useful for things like button size or section layout reverse. Hopefully one day we can have multiple variants on a single component.
Great tutorial, thank you Tim! Don't you think Webflow should add a way to open that little text field into a modal (which they already have) to write the custom code more easily...
Thanks so much! Yes, that would be awesome!
Hey Tim,
Amazing tutorial, once again!
Considering the latest Webflow update, will there be any major updates in Lumos or with the Lumos components anytime soon? Also, is there a new way to import Lumos into an existing project, or is using the shared library function still the best approach?
Thanks so much!
Lumos is already updated with the new variable types for line height and font weight. Shared Libraries is still the fastest method I know of for importing Lumos into an older project.
Thank you!! Just one question, does this work with sections as well, or other elements? Or just for single images?
Yes, this works on entire sections or any element we want to apply the clip path to.