---
title: "3D InteractiveCard — Framer component · Best of Framer"
description: "$3.00 · Framer component · by NOMAN · Cards. 3D Card for showcasing work/others."
canonical: "https://framer.elliotli.dev/component/interactivecard"
---

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

# 3D InteractiveCard

3D Card for showcasing work/others.

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

![3D InteractiveCard preview image 1](https://framer.elliotli.dev/og/component/interactivecard/d0722c5d5f1ce605/1600x1200.jpg)

## Summary

3D Card for showcasing work/others.

## Description

Key Features

Smooth 3D tilt & hover effectCursor-responsive movementBackground image zoom & unzoomLightweight and performantPerfect for featured content, products, or portfolios

Controls

Tilt sensitivity/strengthHover zoom scale (e.g. 1.1 → 1.0)3D element size controlBackground image settingsPerspective

How It Works

When user hovers, the card tilts based on the cursor positionThe background image starts slightly zoomed (e.g. 1.1x), then transitions to normal scale on hoverCursor position is mapped to rotation angles and transform propertiesSmooth interpolation ensures natural motion

Refund Policy:

This component is non-refundable once purchased.

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

-   All · #9541

## Details

- **Author**: NOMAN
- **Price**: $3.00
- **Published**: 2025-10-08
- **Updated**: 2026-02-23
- **Added**: 2025-10-04
- **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