Framer Motion (React) - The Basics
Vložit
- čas přidán 14. 06. 2024
- 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
👽 Join the Discord Server (link in the description)
YESSS!!! best practice tutorial, this is what I need. Thanks
A superb introduction to Framer Motion 🔥🔥
Hey, love your tuto !
please more tutorial for framer motion, or course Im ready to buy
Bro you are the real dope in Framer motion
Thank you my man!
🚀 Transform your web dreams into reality with our expert design and development services! Learn more: www.rithmic.studio
that rectangle going off screen is sending me lmao
much needed! thanks.
Glad it helped!
beautiful content
Thanks! Good one!
Thank you my friend!
Thanks
can you post more framer content with advanced topics?
Yes will try my best to
you are a different breed
Really awesome tutorial
Thank you !
Thanks alot brother I want more intermediate and adavnce videos and projects with framer please
Yes more will be on the way!!
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!
Appreciate it man
You are more than welcome dude!
1:50 what extensions did u use for add some tailwind class guide there
Tailwind extensions in vs code
thanx man
You are more than welcome!
What is your vs code theme name? Thanks.
I am using same code but my stagger animation is not smooth like yours.
so hard 😢
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