---
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 · #3284

## Details

- **Author**: Umang Waghela
- **Published**: 2025-10-08
- **Updated**: 2025-10-08
- **Added**: 2025-10-02
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator