---
title: "DraggableCard — Free Framer component · Best of Framer"
description: "Free Framer component · by Suman Debnath · Cards. Draggable Card is a lightweight, high-polish Framer component that adds tactile 3D motion to any layout."
canonical: "https://framer.elliotli.dev/component/draggablecard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/DraggableCard

# DraggableCard

[View on Framer](https://framer.com/marketplace/components/draggablecard/?via=elliot-li)

![DraggableCard preview image 1](https://framer.elliotli.dev/og/component/draggablecard/4e113eec085ce614/1600x1200.jpg)

## Summary

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

## Description

**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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #7542

## Details

- **Author**: Suman Debnath
- **Published**: 2025-11-19
- **Updated**: 2025-11-19
- **Added**: 2025-11-09
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards