Build Smooth Scrolling Parallax Effects with React & Framer Motion

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ต.ค. 2024

ความคิดเห็น • 32

  • @ms6465
    @ms6465 หลายเดือนก่อน +2

    This is massive. I've been using Framer Motion over the last 2 years now and with this video I've learned new hooks and techniques that I didn't know. Thank you dude!

  • @imkir4n
    @imkir4n 2 หลายเดือนก่อน +5

    So, I was messing around with this smooth scroll thing in my project. But now, I've got a cleaner approach. Thanks!
    .

  • @binodkhatri7738
    @binodkhatri7738 2 หลายเดือนก่อน +1

    Much needed tutorials hope to see more of this type of content

  • @gyappumusoka4016
    @gyappumusoka4016 2 หลายเดือนก่อน +2

    Awesome video and explanation, as usual. Just what I was looking for!

  • @jonathancastillo9658
    @jonathancastillo9658 2 หลายเดือนก่อน +2

    Your tutorials are simply amazing! Thank you!

    • @tomisloading
      @tomisloading  2 หลายเดือนก่อน +1

      Happy I can help! 😁

  • @user-hm1ld3bg3g
    @user-hm1ld3bg3g 2 หลายเดือนก่อน +2

    Great work!❤❤

  • @bkashkumar1981
    @bkashkumar1981 หลายเดือนก่อน

    awesome parallax, u just saved my day, feeling relaxed.

  • @dvkerns
    @dvkerns 2 หลายเดือนก่อน +1

    Great tutorial.. please do more with Lenis and Framer Motion. Also really appreciate your use of tailwind. Completes the triumvirate. 💪

  • @Jacur1980
    @Jacur1980 2 หลายเดือนก่อน

    Ooooh man so easy! I remember, years ago I "had to write" all of this in vanilla javascript
    Great video, thank you 🙇

  • @RxlmCatto-yz8pd
    @RxlmCatto-yz8pd 2 หลายเดือนก่อน +2

    phenomenal guide, thank you!

    • @tomisloading
      @tomisloading  2 หลายเดือนก่อน +1

      Of course!

  • @tmuse333
    @tmuse333 2 หลายเดือนก่อน +1

    fire video man, pretty inspirational stuff fr

  • @collinsk8754
    @collinsk8754 2 หลายเดือนก่อน +1

    An excellent tutorial! 🙌🙌

    • @tomisloading
      @tomisloading  2 หลายเดือนก่อน

      Thanks so much!

  • @monz_trum
    @monz_trum 2 หลายเดือนก่อน +1

    Your videos are awesome !. subscribed.

  • @vardaangrover505
    @vardaangrover505 2 หลายเดือนก่อน +1

    you are absolutely amazing tom. your content is banger and it has really helped me improve my web dev skills.
    video idea: maybe a full website tutorial made with different animation tools including framer motion, gsap, etc. that developers can use as a part of their portfolio project.
    that'd be cool. anyways man, you have a great day, and thanks again for this content :)

  • @ApurvaKashyap-kj6qz
    @ApurvaKashyap-kj6qz 2 หลายเดือนก่อน +1

    much needed..tq

  • @antoninosartori
    @antoninosartori 2 หลายเดือนก่อน +1

    thank you!

  • @SomaSrivastava-wv3xi
    @SomaSrivastava-wv3xi 21 วันที่ผ่านมา

    if we have a whole landing page using framer motion and animations, how do you make these scroll effects compatible for different screen sizes?

  • @deckbietcaijhet
    @deckbietcaijhet 2 หลายเดือนก่อน

    I wonder if the new css animation-timeline scroll and view, animation-range, could done it?

  • @markjones6894
    @markjones6894 2 หลายเดือนก่อน

    Hi is it possible to do the revolut’s smooth scroll and parallax effect? The one where it transition from a big image to a small card ?

  • @lastspoil5547
    @lastspoil5547 2 หลายเดือนก่อน +1

    Is this a framer motion tutorial for beginners? Will this teach us how to use framer motion in other projects?

  • @TeHzoAr
    @TeHzoAr 2 หลายเดือนก่อน

    friends dont let friends scrolljack

  • @r-i-ch
    @r-i-ch 2 หลายเดือนก่อน

    Way cool, but that is a whole lot of info for 1 video.😅