Build a Drag-to-Close Modal with React and Framer Motion

Published: 06 April 2024
on channel: Tom Is Loading
6,332
270

Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev

There's no reason mobile apps should have all the fun!

Today we're going to build a draggable modal drawer using React, Framer Motion and TailwindCSS. This interaction is inspired by a million different apps, such and Instagram YouTube, and TikTok's comment sections.

#javascript #reactjs #tailwindcss

📚 Video Links
Source code: https://www.hover.dev/components/modals

🔗 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/

0:00 - Introduction
0:20 - Layout out the modal
8:52 - Setting up the animations


Watch video Build a Drag-to-Close Modal with React and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 06 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,332 once and liked it 270 people.