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

[@voldemortvi4264]

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

[@codegrid]

On the way! 💯

[@Daniel_fisseha]

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]

Noted

[@dindustack]

You keep pushing yourself to be better!!!

[@codegrid]

🙏🏽

[@Way_Of_The_Light]

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

[@codegrid]

Any time!

[@pixoarts3262]

Insane

[@codegrid]

Thanks!

[@davidwright450]

Just love it

[@codegrid]

Thanks

[@devildai2494]

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

[@XuanThanh-mj5py]

tks a lot , i love this

[@codegrid]

You're welcome

[@Aman_yadav1419]

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

[@dindustack]

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

[@kelvinochubili6762]

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?

[@mr.fabian8471]

Thanks !!!!

[@codegrid]

🙏🏽

[@vmee]

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

[@codegrid]

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

[@vmee]

@@codegrid Yeah it is Three.js

[@Mohammed_Abbood]

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

[@codegrid]

Sure

[@abishek1808]

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

[@codegrid]

It’s not custom!

[@alalaemma2903]

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

[@codegrid]

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

[@diamondmaterial110]

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

[@prathameshgaikwad8338]

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

[@codegrid]

Ok sir

[@prathameshgaikwad8338]

@@codegrid thank you 💗

[@roronoa_zoro]

Loved it, but the original was responsive but not this

[@fwdflashwebdesign]

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

[@codegrid]

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

[@alman_harbi]

Holy shi!

[@codegrid]

🙌🏼

[@dinbandhusharma4568]

amazing tutorial 🔥
why not full website? 🥲

[@codegrid]

I’m not that good maybe 🫠