Framer Motion (React) - The Basics

Published: 02 January 2024
on channel: rithmic
46,884
1.7k

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: https://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
https://www.rithmic.studio/articles

👋 Come say Hi
X -   / rithmio  

👽 Source Code
GitHub - https://github.com/sixfwa/framer-moti...

📜 Documentation
TailwindCSS Vite - https://tailwindcss.com/docs/guides/vite
Framer Motion - https://www.framer.com/motion/

#FramerMotion #ReactJS #Animations


Watch video Framer Motion (React) - The Basics online without registration, duration hours minute second in high quality. This video was added by user rithmic 02 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 46,884 once and liked it 1.7 thousand people.