---
title: "3D Hover Card Tilt — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Suman Debnath · Effects. TiltCard is a fully customizable 3D interactive card component designed to bring depth and motion to your Framer projects."
canonical: "https://framer.elliotli.dev/component/tiltcardanimation"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/3D Hover Card Tilt

# 3D Hover Card Tilt

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

![3D Hover Card Tilt preview image 1](https://framer.elliotli.dev/og/component/tiltcardanimation/d903e6bc8900249f/1600x1200.jpg)

## Summary

TiltCard is a fully customizable 3D interactive card component designed to bring depth and motion to your Framer projects.

## Description

**TiltCard** is a fully customizable 3D interactive card component designed to bring depth and motion to your Framer projects. As users hover over the card, it tilts dynamically in response to cursor movement, creating a smooth parallax effect. This interaction is enhanced by adaptive shadows and a subtle glow that follows the cursor, adding a sense of realism and polish. The component also intelligently extracts dominant colours from the uploaded image to create natural glow highlights, giving each card a personalised and immersive feel.

## Features:

With its rich customisation options, TiltCard allows you to:

-   **Upload any image** (with full responsive support).
    
-   **Customise shadows** — colour, blur, and spread, synced with tilt.
    
-   **Control edge blur** for soft masking or sharp edges.
    
-   **Adjust tilt intensity** (from subtle to dramatic).
    
-   **Set border radius, style, width, and colour** to match your layout.
    
-   **Enable glow effects** that respond to both tilt and cursor position.
    
-   **Optimised performance** with smooth transitions and GPU-friendly transforms.
    

## Where can you use it?

This makes **TiltCard** perfect for:

-   Portfolio image highlights
    
-   Product cards in e-commerce sites
    
-   Team member or testimonial cards
    
-   Interactive hero sections
    
-   Showcase elements with depth and motion
    
    3D Hover Card Animation

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

-   All · #10489

## Details

- **Author**: Suman Debnath
- **Price**: $5.00
- **Published**: 2025-10-09
- **Updated**: 2025-10-28
- **Added**: 2025-10-03
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows