Staggered Text Animations with React and Framer Motion

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 44

  • @shadowslayer2248
    @shadowslayer2248 5 месяцев назад +22

    With these awesome explanations and a solid grasp over framer motion, I think you should start making entire Awwwards website UI clones and also Awwards+ dribbble effects so that we have plenty of crazy ideas that will help in our own future websites

    • @tomisloading
      @tomisloading  5 месяцев назад +6

      I DEFINITELY want to do this, just a lot of work with everything else I’m working on right now 😂😂 I will eventually though!

  • @felipefregginrules
    @felipefregginrules 5 месяцев назад +3

    Honestly your tutorials are Sooooo damn good. How do you not have more subscribers!!!😢

  • @MahmoudGamal-sx3bj
    @MahmoudGamal-sx3bj 5 месяцев назад +3

    started playing around with framer motion cuz of your vidz 🔥

  • @sahilverma_dev
    @sahilverma_dev 5 месяцев назад +4

    The framer king is back 🫡

  • @pierceneupane8056
    @pierceneupane8056 5 месяцев назад +2

    Thank you so much the day before i was trying so hard with framer-motion but done with gsap

  • @alisajadahmadi978
    @alisajadahmadi978 3 месяца назад +1

    This really helped me a lot to learn framer motion. Thank you so much. Please create more and more content like this.

  • @chopsueey
    @chopsueey 5 месяцев назад +1

    Straight to the point with valueable information, tyvm 👌

  • @Forsvinne77
    @Forsvinne77 5 месяцев назад +2

    Really nice content as always...massive thanks, Tom.

  • @o_oyash
    @o_oyash 5 месяцев назад +2

    Really easy to follow an understand thanks for the video

  • @nexxai
    @nexxai 5 месяцев назад +1

    Goddamn man, it's genuinely insane how accessible you make literal award-winning design ideas. I am kind of at a loss for words at how much I enjoy watching your videos. Literally my only complaint is that I have to wait a week between uploads lol Keep up the amazing work, brother ❤

    • @tomisloading
      @tomisloading  5 месяцев назад +2

      That’s so nice of you 😭

  • @collinsk8754
    @collinsk8754 5 месяцев назад +1

    Very clear explanation! Thanks! 🙌🙌

  • @osarolawani3739
    @osarolawani3739 5 месяцев назад +2

    Thank you
    I really needed this
    Can you do preloader animations next

  • @ilan117
    @ilan117 5 месяцев назад +1

    Tom ❤ please give us more 🤲 it’s just amazing , very short and very pleasing 😍 … I hope you do consider more of that.

  • @ДенисМаценко-м2р
    @ДенисМаценко-м2р 3 месяца назад +1

    Excellent tutorial, thanks

  • @mumk
    @mumk 4 месяца назад +1

    Phantasmic video, thanks&cheers

  • @adxxsh735
    @adxxsh735 2 месяца назад +1

    Awesome work! U gained a sub bro 🙌

  • @randeeprana5622
    @randeeprana5622 4 месяца назад +1

    Greate Share, You are making web animations easier for me

  • @WebTrolls
    @WebTrolls 5 месяцев назад +2

    looks amazing

  • @gorynytch6553
    @gorynytch6553 4 месяца назад +1

    YOU ARE A GOD 🙏🙏

  • @efraimdeluxe
    @efraimdeluxe 2 месяца назад +1

    I Love your Videos! What font are you using?

    • @tomisloading
      @tomisloading  2 месяца назад

      Poppins! It’s a free google font 😁

  • @leoronnet166
    @leoronnet166 Месяц назад

    hy, love your video!
    Would you by any chance have an idea on how to create text glitching motion effect with Framer Motion ?

  • @Sumi-ql3wj
    @Sumi-ql3wj 4 месяца назад +1

    thank you so much 😃

  • @unseen_dev
    @unseen_dev 3 месяца назад

    why not GSAP for this? compatible everywhere

  • @binodkhatri7738
    @binodkhatri7738 3 месяца назад

    love you man ❤,,literally like for a days i was searching for the same animation to implement in my navlinks and i was so obessed with it and try for hours and hour do it only halfway. but now iam just crystal clear, also the part you mention on 4:29 i was thinking about it why is there gitter ,how to solve the issue. now am all good to go thankyou😌

  • @iamahtic
    @iamahtic 5 месяцев назад +2

    Looks good

  • @jsantos1220
    @jsantos1220 3 месяца назад

    Amazing content, but how does this affects seo? i mean the content is kind of duplicated

  • @Solo_playz
    @Solo_playz 5 месяцев назад +3

    Can you recreate the caldotcom infinite testimonial slider section?
    I tried a lot from my end and able to achieve the same but ofcourse with lot of bugs and code meeesss 😂😂
    Thank you in advance ❤

    • @tomisloading
      @tomisloading  5 месяцев назад +2

      That’s on my list! 😁

    • @Solo_playz
      @Solo_playz 5 месяцев назад

      @@tomisloading So I'm in waiting list 😁

  • @treyrader
    @treyrader 5 месяцев назад +1

    haha yea i see those everywhere. Man you ever learned gsap? I feel that gsap is the future. It's kinda ugly but new packages recently is making it a lil more declarative or "react"ive

    • @shubhamkukrety6355
      @shubhamkukrety6355 5 месяцев назад

      GSAP is fun until you're a bootstrapped business that needs to ship it to production.
      There are better open-source alternatives.

    • @treyrader
      @treyrader 5 месяцев назад

      @@shubhamkukrety6355 yea it ain’t easy to write good, production ready gsap. But some cool new packages recently that deals with clean up specific to react.

  • @BooksWeCanRead
    @BooksWeCanRead 5 месяцев назад

    You are awesome!!!

  • @ritikkharya8576
    @ritikkharya8576 5 месяцев назад

    what you gonna say about patreon ui?

  • @ravijatav5419
    @ravijatav5419 4 месяца назад

    i show you an animation can you please make it ?? Please reply!