Framer Motion (React) - The Basics

In this video we'll look at the basics of Framer Motion (React) by creating a few different animations.
👨‍💻 Looking for a web developer job, visit: www.webdevjobs.io/
👽 Discord - / discord
⏳ Timestamps
00:00 - Introduction
00:46 - Setup
02:53 - Stagger Children
06:13 - Fade Up / Down
07:36 - Keyframes
09:20 - Hover & Tap
10:14 - Drag
11:18 - Scroll Progression
12:25 - SVG Animation
14:09 - More Scrolling
✉️ Subscribe to Our Newsletter
www.rithmic.studio/articles
👋 Come say Hi
X - / rithmio
👽 Source Code
GitHub - github.com/sixfwa/framer-moti...
📜 Documentation
TailwindCSS Vite - tailwindcss.com/docs/guides/vite
Framer Motion - www.framer.com/motion/
#FramerMotion #ReactJS #Animations

[@iamrithmic]

👽 Join the Discord Server (link in the description)

[@collinsk8754]

A superb introduction to Framer Motion 🔥🔥

[@godofwar8262]

Bro you are the real dope in Framer motion

[@iamrithmic]

Thank you my man!

[@wulantsabita9843]

that rectangle going off screen is sending me lmao

[@sahilverma_dev]

can you post more framer content with advanced topics?

[@iamrithmic]

Yes will try my best to

[@pranitmane]

much needed! thanks.

[@iamrithmic]

Glad it helped!

[@arshu0.720]

Thanks

[@Cengizism]

Thanks! Good one!

[@iamrithmic]

Thank you my friend!

[@kiranm5419]

Really awesome tutorial

[@iamrithmic]

Thank you !

[@RelaxingMusic-lk4xj]

Thanks alot brother I want more intermediate and adavnce videos and projects with framer please

[@iamrithmic]

Yes more will be on the way!!

[@aiyn470]

1:50 what extensions did u use for add some tailwind class guide there

[@ImperfectLion]

Tailwind extensions in vs code

[@lynx7077]

Great tutorial but it was a bit fast paced for my taste as a beginner. I had to pause and go back so many times 😅 Rather than that, i learned bunch of cool stuff, thank you!

[@user-dp6vz9vw7c]

Appreciate it man

[@iamrithmic]

You are more than welcome dude!

[@ogs102]

you are a different breed

[@iamrithmic]

🚀 Transform your web dreams into reality with our expert design and development services! Learn more: www.rithmic.studio

[@DevanshuAugusty]

thanx man

[@iamrithmic]

You are more than welcome!

[@md.saifurrahaman223]

What is your vs code theme name? Thanks.

[@asifthecodinglover]

I am using same code but my stagger animation is not smooth like yours.

[@jrmartinss]

so hard 😢

[@iamrithmic]

Stick at it my friend, you'll get there eventually. If you have questions feel free to join the Discord server, and hopefully we can answer