Build a Drag-to-Close Modal with React and Framer Motion
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
Смотрите видео Build a Drag-to-Close Modal with React and Framer Motion онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tom Is Loading 06 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,332 раз и оно понравилось 270 людям.