Smooth Loading Transitions with Framer Motion | AnimateSharedLayout

Hey guys! Hope you have all had a great time so far. I've been on a long break and coming back with some heat for this episode! Hope you enjoy :)

Code FIles:

Preview:

Written Tutorial:

Framer Motion:

Dribbble post used:

▬ Timestamps ▬▬▬▬▬▬▬▬▬▬

0:00 - Intro
1:30 - Project Breakdown
3:25 - Framer Motion Basics
5:40 - Loader Animations
14:40 - Banner Animations

#FramerMotion #React #WebAnimations

Social Links:

New to the channel?

[Styyxxxx]

He returned when the world needed him the most.

[iskhakasan]

What you do is really exceptional, thank you for sharing with these tutorials and your time!

[matthewao]

Your videos are a BLESSING. Thanks for coming back! :)

[alisajadahmadi]

Thank you so much brother. My Components are now very clean using this method.

[mohnishlandge]

Quality is soo good, hope to make this level of content in future 💙

[Yes-xcsw]

What an insane video, thank you for everything you do. Hope your break went well

[benreimer]

If anyone is getting errors when installing node packages, it's probably node-sass. In the package.json remove node-sass and install dart sass instead with a 'npm install sass'. Also Framer Motion now requires React 18 or greater, so you'll need to update your React version as well

[hassanbhattiOfi]

Welcome back king 👑, please always bring that kinda stuff. It really helps a lot! ❤️

[ajaykumarreddy]

Great video! Will u ever do a Framer Motion - Beginner to Advanced tutorial? There are not many of them on here.

[jervx]

your changing my boring webdev UI skill into something new. THANKYOU SOMUCH😇🙏🙏

[shamilaramachandran]

Never knew this thing existed till I bumped into your video. Thank you for making all these videos. I'm a fan :)

[RahulSharma-oxse]

I love the new style of presentation. Everything is appropriately big and precise. Missed your videos the most, Akram! Thank you for your time!

[dave_an]

Dang, its been 2 years, i hope you come back again with another great video again

[azhar_malik]

Do a video on starter files you use like build something like this from scratch for once Please!!
and more of awwwards series we want.

[MyGeorge]

Keep 'em coming they're like little gems - thank you!

[ashwinkhode]

I hope you had a good break. Glad to have you back 🤗

[marlonmarcello]

Great tutorial man, love the pace ande details. Keep them coming please!

[dinanoya]

this is my fave channel, thank you for the tutorials!

[surjithctly]

🔥🔥🔥 watched some of your old videos and just came here to say its awesome. Great job 👏

[DQime]

Hands down the best YouTube channel for coding the best designs and animations 👌