Beautiful Animated Nav Bar with React & Framer Motion

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

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

  • @fonshiynwatobi4675
    @fonshiynwatobi4675 4 หลายเดือนก่อน +11

    I just know if i watch and practice enough of these videos maybe 1 day i'll be good at frontend development

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

      Same here!
      I got the “programming” side of things, since i come from iOS, but placing and animating stuff is my weak spot.
      These videos are exactly what i need to break through😅

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

    This was a great video explaining in just enough detail to not be boring but informative, great job!

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

    Thanks for putting some ideas into code that I would never have had the technical ability to do on my own.

  • @anuvette
    @anuvette 4 หลายเดือนก่อน +1

    all of your videos are sooo chef's kiss ahhh ive been learning so much!!

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

    I think this solution is very clean! Sam Slikoff's solution is great, but requires distortion fixes which can make the code a bit more messy imo.

  • @404-not-found-service
    @404-not-found-service 4 หลายเดือนก่อน +1

    wow , thanks bro

  • @Gabrielmfd2
    @Gabrielmfd2 4 หลายเดือนก่อน +1

    Thanks, Tom! I'm learning a lot from your videos!

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

      Of course, happy you’re enjoying them! 😁

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

    You're good at explaining stuff.
    Thanks.

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

      Thank you! 😁

  • @ladaonmymind
    @ladaonmymind 4 หลายเดือนก่อน +1

    Love your channel man!

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

      Thank you! :)

  • @ErenYeager-wd7cm
    @ErenYeager-wd7cm 4 หลายเดือนก่อน +1

    This guy need to be viral

  • @Dreamslol
    @Dreamslol 4 หลายเดือนก่อน +1

    Sad framer motion dosen't exists for Svelte.
    That was very fun too watch, nice video :)

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

    My best Framer motion TH-camr ever 🧡 + what is the name of your vs code theme ?

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

      Andromeda!

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

      @@tomisloading thx pro ✨

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

    Just a suggestion, make this with Vanilla JS and CSS :D :P BTW great video as always...

  • @ДенисМаценко-м2р
    @ДенисМаценко-м2р 2 หลายเดือนก่อน +1

    I love it

  • @b7c5uyc
    @b7c5uyc 4 หลายเดือนก่อน +1

    hello , i am facing issue when i implement the code i dosnt get the same output earlier i was using bootstrap in that same project i am using this do i need to setup up someting first than tailwind..

  • @Imjoshnewton
    @Imjoshnewton 4 หลายเดือนก่อน +1

    I’ve done this on a couple of different navigation menus but always for the active state never for a hover. When I do it for active, I always just said “cursor” to top-0 bottom-0 right-0 left-0 and use layout animations. Is there a benefit to animating with directly instead of using a layout animation?

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

      Mainly just more control :) and to me personally, makes a bit more sense intuitively. Automatics layout animations are nice, but rendering a different element and treating it as if it’s the same can be a bit confusing to track haha

  • @МихаилАндросюк-ш7ц
    @МихаилАндросюк-ш7ц 4 หลายเดือนก่อน +2

    much easier to do it with layoutId feature

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

      I agree for some cases, but I find this to be more flexible with less edge cases (don’t have to worry around any weird distortion). It’s also more readable for anyone looking at your code who doesn’t know to look for layout props

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

    Here’s a humble dumb question 🙋🏽‍♂️: this can be recreated within framer in a few seconds. What’s the benefit of coding it?

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

    you didn't even use framer. just whole bunch of react codes