---
title: "Interactive 3D Card  — Free Framer component · Best of Framer"
description: "Free Framer component · by Umang Waghela · Cards. Features & Highlights Realistic 3D tilt / rotation effect based on cursor position Smooth transitions and animations Customizable…"
canonical: "https://framer.elliotli.dev/component/interactive-3d-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Interactive 3D Card

# Interactive 3D Card

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

![Interactive 3D Card  preview image 1](https://framer.elliotli.dev/og/component/interactive-3d-card/93b351b46f9999a8/1600x1200.jpg)

## Summary

Features & Highlights Realistic 3D tilt / rotation effect based on cursor position Smooth transitions and animations Customizable perspective, depth, and motion speed Easy to…

## Description

## Features & Highlights

-   Realistic 3D tilt / rotation effect based on cursor position
    
-   Smooth transitions and animations
    
-   Customizable perspective, depth, and motion speed
    
-   Easy to integrate and style directly inside Framer
    
-   Works well for card layouts, portfolios, image grids, product previews
    
-   Lightweight & performant — optimized for both desktop and mobile
    

Usage Tips

-   Drop this component into your Framer project
    
-   Adjust rotation sensitivity, transition speed from animation window, and perspective
    
-   Add images, text, or layered content inside your card
    
-   Combine with other effects (shadows, lighting, parallax) for more richness
    

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

-   All · #3057

## Details

- **Author**: Umang Waghela
- **Published**: 2025-10-08
- **Updated**: 2025-10-08
- **Added**: 2025-10-02
- **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