Build Beautiful Drag Animations with React and Framer Motion
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
Today we'll learn how easy it is to build stunning drag animations using React and Framer Motion.
📚 Project Links
Code: https://www.hover.dev/components/cards
Stock images: https://unsplash.com/
Inspo: https://myriad.video/
🔗 My Links
TikTok: / tomisloading
Instagram: / tomisloading
GitHub: https://github.com/TomIsLoading
Twitter: / tomisloading
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/
Website: https://www.hover.dev
Timeline:
0:00 - Introduction
0:21 - Basic styling
2:38 - Dragging with Framer Motion
6:53 - Styling the cards
11:47 - Updating z-index on drag