---
title: "_3DHoverMedia — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Abdurakhim Eshonjonov · Backgrounds. Interactive 3D hover media"
canonical: "https://framer.elliotli.dev/component/3dhovermedia"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/\_3DHoverMedia

# \_3DHoverMedia

Interactive 3D hover media

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

![\_3DHoverMedia preview image 1](https://framer.elliotli.dev/og/component/3dhovermedia/c9db5f5b6abbc6f2/1600x900.jpg)

## Summary

Interactive 3D hover media

## Description

3DHoverMedia is an interactive Framer component that adds smooth 3D hover depth to images, GIFs, and videos. It creates a natural cursor-based parallax effect with tilt, movement, and zoom, making static media feel dynamic and alive. The component is lightweight, responsive, and easy to use. It works out of the box with a default 800×800 layout feel while remaining fully resizable inside Framer. Simply add your media and it instantly becomes interactive without any setup. It supports image, GIF, and video formats, making it perfect for portfolios, landing pages, product showcases, and modern UI designs.You can change:

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

-   All · #5776

## Details

- **Author**: Abdurakhim Eshonjonov
- **Price**: $5.00
- **Published**: 2026-06-10
- **Updated**: 2026-06-08
- **Added**: 2026-05-30
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background