site profile thumbnail
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/