Next JS and ScrollTrigger Made This 3D Card Animation CRAZY Smooth

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

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

  • @voldemortvi4264
    @voldemortvi4264 3 หลายเดือนก่อน +6

    I cant thank you enough , please keep up posting this serie of nextjs & animation

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

      On the way! 💯

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

    You keep pushing yourself to be better!!!

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

      🙏🏽

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

    Thanks for including the Vanilla Js version 🙏 this looks cool 🙌

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

      Any time!

  • @Daniel_fisseha
    @Daniel_fisseha 3 หลายเดือนก่อน +5

    Great video as always, make sure to create a tutorial breakikg down the different sections of website into a series, i would say a new great looking site

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

      Noted

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

    Insane

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

      Thanks!

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

    Just love it

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

      Thanks

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

    Will try to make it
    Can you provide the image link of the card

  • @XuanThanh-mj5py
    @XuanThanh-mj5py 3 หลายเดือนก่อน

    tks a lot , i love this

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

      You're welcome

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

    Can I directly create this in simple react using vite like all the components and all

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

    Hi codegrid, for getting access to your pro subscription, are we going to be taught how these beautiful websites are built or we just have access to only the code?

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

    I ran into issues using React Lenis - it has something to do with post css

  • @mr.fabian8471
    @mr.fabian8471 3 หลายเดือนก่อน

    Thanks !!!!

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

      🙏🏽

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

    the 3d scenes in the website itself could be implemented in SPLINE ?

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

      I don’t think so if you’re particularly talking about the ones from Lusion.

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

      @@codegrid Yeah it is Three.js

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

    Loved it, but the original was responsive but not this

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

    how do u get that custom scrollbar in ur app ??

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

      It’s not custom!

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

    it`s insane, please make more videos in NextJS, and Lusion website.

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

      Sure

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

    I thought useGSAP already handles cleanups thats why they made it for react
    Why handle cleanup again in use effect

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

      I’m not aware it can do that. Will have to take a look and verify! Thanks

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

      @@codegridit does. But it’s good to just declare another useEffect and be sure about the cleanup.

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

    Holy shi!

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

      🙌🏼

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

    Sir please i request you to make different section of website it will be helpful

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

    You should gave used css perspective as well it would have been real 3d just like they did it...

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

      I’ve already used it brother. Look at 6:07 😉

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

    amazing tutorial 🔥
    why not full website? 🥲

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

      I’m not that good maybe 🫠