GSAP Draggable Cards

Ever wanted to toss cards across the screen like a digital magician? 🎩✨
In this tutorial, I’ll show you how to build draggable cards in Webflow using GSAP Draggable — without writing a single line of custom UI code.
We’ll walk through:
✅ A static version with Polaroid-style photo cards
✅ A CMS-powered version with project info
✅ All the Webflow structure and attributes you need
✅ A breakdown of the script (don’t worry — it’s fully commented)
✅ How to make it responsive and fun on all devices
✅ And of course… a reset button so you can play again 😎
👉 Watch on YouTube: https://youtu.be/5TlZLy65Ouk
📂 Helpful Resources:
- Lidia’s Portfolio: https://www.lidiasantoyan.com/
- GSAP Draggable: https://gsap.com/docs/v3/Plugins/Draggable/
- GSAP Easing: https://gsap.com/docs/v3/Eases/