Framer Motion (React) - The Basics

Поділитися
Вставка
  • Опубліковано 1 лют 2025

КОМЕНТАРІ • 48

  • @iamrithmic
    @iamrithmic  Рік тому

    👽 Join the Discord Server (link in the description)

  • @godofwar8262
    @godofwar8262 11 місяців тому +9

    Bro you are the real dope in Framer motion

    • @iamrithmic
      @iamrithmic  11 місяців тому +1

      Thank you my man!

  • @capK29
    @capK29 5 місяців тому

    The simplest tutorial about framer out there ❤
    Hope to see more from u

  • @Shadel.
    @Shadel. 7 місяців тому

    Bro, You are a king, This video is real tutorial, King!

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

    YESSS!!! best practice tutorial, this is what I need. Thanks

  • @Cengizism
    @Cengizism Рік тому +2

    Thanks! Good one!

  • @pranitmane
    @pranitmane 10 місяців тому +1

    much needed! thanks.

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

    A superb introduction to Framer Motion 🔥🔥

  • @wulantsabita9843
    @wulantsabita9843 8 місяців тому +3

    that rectangle going off screen is sending me lmao

  • @jeffreedom29
    @jeffreedom29 7 місяців тому

    Learned a lot from this, thanks bro! 😁

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

    Thanks man, it's so useful!

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

    Bro , you deserve the subscribe button to be hit, ❤

  • @iamrithmic
    @iamrithmic  Рік тому +1

    🚀 Transform your web dreams into reality with our expert design and development services! Learn more: www.rithmic.studio

  • @sahilverma_dev
    @sahilverma_dev Рік тому +7

    can you post more framer content with advanced topics?

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

    Thank you, was very useful.

  • @jessewang3330
    @jessewang3330 29 днів тому

    Thanks for this tutorial, but it seems the illustration for the 'end end' offset for useScroll is not correct. Shouldn't 'end end' be when the target bottom hits the viewport bottom?

  • @RelaxingMusic-lk4xj
    @RelaxingMusic-lk4xj 11 місяців тому +1

    Thanks alot brother I want more intermediate and adavnce videos and projects with framer please

    • @iamrithmic
      @iamrithmic  11 місяців тому +2

      Yes more will be on the way!!

  • @kiranm5419
    @kiranm5419 11 місяців тому

    Really awesome tutorial

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

    you are a different breed

  • @K조셉
    @K조셉 11 місяців тому +1

    Appreciate it man

    • @iamrithmic
      @iamrithmic  11 місяців тому +1

      You are more than welcome dude!

  • @arshu0.720
    @arshu0.720 Рік тому +2

    Thanks

  • @aiyn470
    @aiyn470 11 місяців тому

    1:50 what extensions did u use for add some tailwind class guide there

    • @ImperfectLion
      @ImperfectLion 11 місяців тому

      Tailwind extensions in vs code

  • @yanngatignol9126
    @yanngatignol9126 7 місяців тому

    Hey, love your tuto !
    please more tutorial for framer motion, or course Im ready to buy

  • @DevanshuAugusty
    @DevanshuAugusty 11 місяців тому +1

    thanx man

    • @iamrithmic
      @iamrithmic  11 місяців тому

      You are more than welcome!

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

    Great tutorial but it was a bit fast paced for my taste as a beginner. I had to pause and go back so many times 😅 Rather than that, i learned bunch of cool stuff, thank you!

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

    Awesome... just awesome...

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

    beautiful content

  • @touhidsourav2475
    @touhidsourav2475 17 днів тому

    What vs code theme you use?

  • @ruuma1074
    @ruuma1074 5 місяців тому

    i had some issues when using staggerChild, why my animation only works perfectly when first page loaded, after i refresh the first div isnt animating and only start at third, idk what is wrong but maybe someone had the same issue let me know how to deal with it, im using react vite ts with tailwind

  • @urmom0x
    @urmom0x 4 місяці тому +2

    Excellent tutorial but stop for at least half a second after writing a line of code because its impossible to pause it when you dont even allow the editor to finish autofilling it

  • @ABVenkatesh
    @ABVenkatesh 7 місяців тому

    Hello sir....where can i placed a svg file

  • @codedwebs
    @codedwebs 10 місяців тому

    I am using same code but my stagger animation is not smooth like yours.

  • @faustozambrano4901
    @faustozambrano4901 5 місяців тому

    Much Appreciated @iamrithmic...Thanks!

  • @md.saifurrahaman223
    @md.saifurrahaman223 9 місяців тому

    What is your vs code theme name? Thanks.

  • @diazeka3600
    @diazeka3600 21 день тому

    its cool brhh

  • @jrmartinss
    @jrmartinss 11 місяців тому +1

    so hard 😢

    • @iamrithmic
      @iamrithmic  11 місяців тому +1

      Stick at it my friend, you'll get there eventually. If you have questions feel free to join the Discord server, and hopefully we can answer

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

    so much easier to do the same in framer where framer motion is writing itself why develop bs

  • @adityarajawat3185
    @adityarajawat3185 5 місяців тому

    Which vs code theme are you using?