DraggableCard

Draggable Card is a lightweight, high-polish Framer component that adds tactile 3D motion to any layout.

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

1. Drop the Draggable Card into a Framer project.

2. Set cardSize and squareSize to fit your layout.

3. Add an image or set a card color, tweak perspective and dragElastic to taste.

4. Preview and drag to feel the 3D interaction.