DraggableCard

Show Preview
DraggableCard
DraggableCard

About DraggableCard

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.

From Suman Debnath

Evervault Card
Floating Dock
Text Reveal Card
RippingPhoto

Related Components

Card — Bookmark
Photo & Card Stack
Milk Glass Folder
Mission Vision Cards