Tinder Style Swipe Cards with React & Framer Motion
Join my Framer Motion course waitlist https://www.blast.dev/ ✨
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
The Tinder swipe gesture is one of most famous UI interactions of the last decade. Today, we'll learn how to recreate it with React, Framer Motion, and TailwindCSS.
📚 Project Links
Code: https://www.hover.dev/components/cards
🔗 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:24 - Basic layout and drag gesture
6:11 - Transform and dismiss
13:26 - Adding some polish
Watch video Tinder Style Swipe Cards with React & Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 22 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,819 once and liked it 201 people.