Published On Jan 2, 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: 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