---
title: "3d Tilt Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Rehbar Design Labs · Cards. Turn any frame into a 3d Card"
canonical: "https://framer.elliotli.dev/component/3d-tilt-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3d Tilt Card

# 3d Tilt Card

Turn any frame into a 3d Card

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

![3d Tilt Card preview image 1](https://framer.elliotli.dev/og/component/3d-tilt-card/15b27d9e090bc92c/1600x1200.jpg)

## Summary

Turn any frame into a 3d Card

## Description

### ⚡ Tilt Card Component

Transform any static frame into a visually engaging **3D interactive card** with the Tilt Card Component. Designed to respond to cursor movement, this component creates a smooth tilt effect that adds depth, motion, and a premium feel to your interface. Whether you're showcasing products, portfolio pieces, or key content, it instantly makes your design more dynamic and interactive.

### ✨ Key Features

-   Convert **any frame into a 3D interactive card**
    
-   Smooth **cursor-based tilt effect** for realistic motion
    
-   Adds **depth and parallax feel** to static elements
    
-   Adjustable **tilt intensity** for subtle or dramatic interaction
    
-   Supports **images, text, or entire layouts** inside the card
    
-   Optional **shadow and glow effects** for enhanced realism
    
-   Smooth **hover transitions** with natural easing
    
-   Fully **responsive and performance-optimized**
    
-   Perfect for **portfolios, product cards, and showcases**
    
-   Easy to integrate and customize inside **Framer**
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-fgjgqmz7-b1v0MVe3rG16cySqZyS40GtjB3EDwd)

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

-   All · #8467

## Details

- **Author**: Rehbar Design Labs
- **Price**: $5.00
- **Published**: 2026-03-31
- **Updated**: 2026-03-31
- **Added**: 2026-03-17
- **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