EASIER Sequence Animations with Framer Motion

[@blacksun6761]

I saw gsap and thought we lost a soldier but glad you are still with us.

[@tomisloading]

😂😂

[@tamaniphiri]

😂​@@tomisloading

[@stephand.4347]

Hey Tom - a TypeScript trick to handle union types conditions is with type-guard :) It is used like this: const isAnimationArray = (animation: Animation): animation is Animation[] => { return Array.isArray(animation[0]); }; Using this in a if statement infers the type to be whatever type that matches the functions condition so you dont need to use the 'as ' :) Hope it makes sense and thanks for the awesome content 🔥

[@tomisloading]

Oh great call!! That’s super clean 😁🔥

[@MrIpod1g]

Awesome stuff! Really comprehensive! 👏👏👏

[@tomisloading]

Thank you! 😁

[@Waxaranai]

Awesome man, really love your content!

[@tomisloading]

I appreciate that! 😁

[@jonathangardn]

That's such a brilliant API. Great stuff man. Will definitely reuse this hook myself! 🔥

[@collinsk8754]

Another great tutorial, as always! 🔥🔥

[@samskulj]

Really awesome stuff here! Thank you!

[@tmuse9510]

impressive stuff

[@imnbmusic]

can anyone explain or give the code for the gsap homepage button's ripple effect on hover??

[@iamahtic]

Goat

[@ShahadatAnik]

can you share your vs-code theme? i really love your videos.

[@tomisloading]

Thank you! I use a theme called Andromeda 😁

[@yovizn24]

How to make sequence scroll animation with framer motion?

[@tomisloading]

If you look up “scroll masterclass” in my videos you’ll see a thorough walkthrough on how scroll animations work with framer motion 😁

[@NAYMURWEB]

Hey Tom, Can you suggest how I can record clear code? Whenever I record and edit it, my code looks pixelated. I don't know what's happening. I see you and other KZbinrs have clear recordings of coding, but I don't know how you do it. Can you please tell me? I use OBS, but I still have the pixelation problem. please tell me, man I'm dying with this problem😭

[@tomisloading]

Unfortunately I’m probably the wrong person to ask, I use default settings for everything 😂😂 I use screenflow on Mac, export those recordings into davinic resolve, then export that with their “KZbin” default setting and change nothing 😂😂

[@NAYMURWEB]

@@tomisloading I know, man, this isn't the best place to ask, but I'm fed up with this problem. Your code is so clean, which is why I asked. Thanks for the reply and for sharing your secret😁

[@samskulj]

@@NAYMURWEB I used to have this problem with OBS. The way I fixed it is just use CBR with 90,000 kbps. Yes, the video will be larger, but the pixelation will be gone

[@usmanabdurehman97]

My OBS settings are Video Resolution => 1920*1080, Encoder => Software (x264 low usage preset), Recording Quality => High, FPS => 60. You can check out my coding videos to see if that is the quality you want and then use my settings idk.