How to Make a Text Gooey Morph Effect using React

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

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

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

    You can find Fabio's original implementation of the animation here: codepen.io/supah/pen/abVGjVq

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

    Man your ability to explaincomplex procedures into comprehensible, digestible pieces of information is truly impressive! Your channel is seriously underrated!!!

  • @bishwashkumarsah171
    @bishwashkumarsah171 9 หลายเดือนก่อน +3

    People are so talented. I hate my life.

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

      The best talent you can have is "hard work"
      and with time and patience you can achieve something great my friend ❤

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

      I totally agree

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

    such an underated web dev youtuber appreciate the content

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

      Thanks! I appreciate the support

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

    You upload the best content in yt, in imagining what would be the website animation course. Too much excited and waiting for the course to get released.

    • @olivierlarose1
      @olivierlarose1  9 หลายเดือนก่อน +1

      Cheers stay tuned!

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

    The nuance you bring is inspiring.

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

      Thanks bro appreciate the support

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

    My bro is cooking hard. I really admire your work 💯, your content worth like a gold mine to me

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

      Haha nice to hear that!

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

    The amount of time i spent trying to make this work when i was working on my portfolio and ending up scratching that idea because the util for paths provided by Framer motion didn't really work properly for me animating between more than 2 paths but doing it this way makes a lot more sense. Thanks for the info !

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

      Cheers! Glad I could help

  • @achrafsabbar2028
    @achrafsabbar2028 9 หลายเดือนก่อน +1

    Thank you for all these videos 😍

  • @JoelMarkley-t4i
    @JoelMarkley-t4i 9 หลายเดือนก่อน

    I am absolutely loving your channel! Every single video you come out with is so helpful and inspiring. Keep it up!

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

      Nice, happy to hear that!

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

    oh man, you never dissapoint

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

    Your videos are great, lots of value in each of them

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

      You should make you screen setup tidier, make the browser half width and the ide half width + hide the toolbar and the explorer in your ide. Switching back and forth from code to result makes things less clear than they should be :)

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

      For sure thanks for the support!

  • @whitefang8243
    @whitefang8243 9 หลายเดือนก่อน +7

    Could you please share information about yourself, your learning process for complex topics, and whether you developed that blog website on your own? How are you capable of performing these complex tasks? Please include these details in your upcoming video and also how someone can achieve the same

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

      +1

    • @Diego_Cabrera
      @Diego_Cabrera 9 หลายเดือนก่อน +1

      Can’t really speak for him but the way I learn programming concepts is with lots of practice. Try breaking down a problem into smaller pieces and tackle each one by one.

    • @olivierlarose1
      @olivierlarose1  9 หลายเดือนก่อน +5

      I made that blog myself yes it’s in nextjs. And stay tuned I have a video about my journey on the way

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

      ​@@Diego_Cabrera I had a look at your profile, awesome stuff! Definitely hitting that subscribe button. Thanks for the tips, but it's tough kinda frustrating to start from scratch. Any tips?

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

      ​@@olivierlarose1 That’s awesome. By the way you’ve really inspired me! There was a moment when I thought, “Why not start a TH-cam channel and recreate all his videos?” But don’t worry, I won’t actually do it. 😉

  • @taszidizaz4079
    @taszidizaz4079 9 หลายเดือนก่อน +1

    As always keep making great content ❤️

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

    Super interesting, those SVG methods are really nice, thank you!

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

      For sure! Glad you liked it

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

    This is really cool. Love your content. I'd totally buy a full blown course from you if you ever decide on building one.

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

      Hey, don’t sweat it! What if he takes your words to heart? I mean, I don’t even have a dime to invest in courses. Just saying! 😄

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

    never misses💯

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

    This is 🔥. Please keep it up 🎉😊

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

      Let’s goo thanks for the support!

  • @SaeedM.Parast
    @SaeedM.Parast 9 หลายเดือนก่อน

    Thank you Oliver ❤

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

    I need to settle down to learn this

    • @olivierlarose1
      @olivierlarose1  9 หลายเดือนก่อน +1

      Absolutely, just need to take some time to wrap your mind around this

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

    Hi sir Oliver, What tech stack do you use for your blog site? Do you use mdx?

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

      I use Next js and prism js for syntax highlighting

  • @Mr-Yuki
    @Mr-Yuki 9 หลายเดือนก่อน

    This is cool!

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

    so the only reason we used svgFilters was performance? cause we could use more circle to achieve smoothness, am i right?

  • @devyb-cc
    @devyb-cc 9 หลายเดือนก่อน

    creative vid as always. oli, you should consider remix.

    • @olivierlarose1
      @olivierlarose1  9 หลายเดือนก่อน +1

      I might!

    • @devyb-cc
      @devyb-cc 8 หลายเดือนก่อน

      ​@@olivierlarose1hey oli, did you check new gsap drop out? they made a react library!

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

    Do you ever use tailwind? If so would be cool to see some tutorial

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

    do you have d value for other numbers?

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

    More react content please!!!!

  • @جوادجیتی
    @جوادجیتی 9 หลายเดือนก่อน

    wow

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

    can you make a tutorial about page transition animation on next js 14 using template.tsx

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

      The exit animations are currently not working on the App router unfortunately

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

    Why don't you make these things in plain css and vanilla javascript?

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

      I like the React ecosystem that’s all. I understand you could argue against it for creative websites but I see the ecosystem growing overtime

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

    And suddenly I discovered that I know nothing about frontend, THANKS LOL

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

      Haha those filters are crazy I feel you