DraggableCard
Draggable Card — a 3D, physics-like card that rotates with drag input. Configurable size, radius, perspective, shadow, elasticity, and optional image.
Make it with Workshop
Build your own component with AI
Draggable Card is a lightweight, high-polish Framer component that adds tactile 3D motion to any layout. Use it to create interactive product previews, playful UI elements, or polished portfolio highlights.
Quick start
Drop the Draggable Card into a Framer project.
Set cardSize and squareSize to fit your layout.
Add an image or set a card color, tweak perspective and dragElastic to taste.
Preview and drag to feel the 3D interaction.
