Clone Project

GSAP Draggable Cards

Created by
Francesco Castronuovo
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description
Description from Webflow:  
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/
Tags from Webflow: 
cloneable,  madeinwebflow,  attributes,  gsap,  responsive,  customcode,  draggable,  cards,  gsapdraggable
.