---
title: "Hover Tilt Card — Free Framer component · Best of Framer"
description: "Free Framer component · by Kumar SK · Cards. Overview Hover Tilt Card is a visually engaging component built to create depth and interaction through smooth perspective motion."
canonical: "https://framer.elliotli.dev/component/hover-tilt-card"
---

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

# Hover Tilt Card

Interactive image tilt hover card

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

![Hover Tilt Card preview image 1](https://framer.elliotli.dev/og/component/hover-tilt-card/22644a45c8e48fd5/1600x1200.jpg)

## Summary

Overview Hover Tilt Card is a visually engaging component built to create depth and interaction through smooth perspective motion.

## Description

## Overview

Hover Tilt Card is a visually engaging component built to create depth and interaction through smooth perspective motion. The animated tilt effect combined with a floating label helps highlight visuals in a clean and modern way without overwhelming the layout.

## Getting Started

-   Add the component to your canvas
    
-   Replace the preview image from the property panel
    
-   Update label text directly from the main component
    
-   Customize text, label background, and font size easily
    
-   Adjust transition style for different motion feels
    

## Customization

-   Edit label text directly from the property panel
    
-   Customize text color and label background color
    
-   Adjust font size using the slider control
    
-   Replace images instantly from the component settings
    
-   Choose different transition behaviors for motion style
    

## Property Controls

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

## Use Cases

-   Portfolio showcases
    
-   Creative agency websites
    
-   Featured gallery sections
    
-   Team or artist highlights
    
-   Fashion and editorial layouts
    
-   Modern landing pages
    

## Notes

-   Built using native Framer properties
    
-   Smooth perspective hover interaction
    
-   Responsive and lightweight structure
    
-   Minimal and modern visual style
    

## Support

If you have any questions or need custom components, feel free to reach out at [**s.senthil2206@gmail.com**](mailto:s.senthil2206@gmail.com)

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

-   All · #5091

## Details

- **Author**: Kumar SK
- **Published**: 2026-06-01
- **Updated**: 2026-05-30
- **Added**: 2026-05-22
- **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