---
title: "Fake3d — Free Framer component · Best of Framer"
description: "Free Framer component · by Oleksandr Demydov · Effects. Depth-based parallax for photos an"
canonical: "https://framer.elliotli.dev/component/fake3d"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Fake3d

# Fake3d

Depth-based parallax for photos an

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

![Fake3d preview image 1](https://framer.elliotli.dev/og/component/fake3d/03358ce0d148e348/1600x1200.jpg)

## Summary

Depth-based parallax for photos an

## Description

**Fake 3D** turns flat images and video into interactive depth experiences. Upload your main media file together with a matching depth map, and the component creates a convincing parallax effect that follows the cursor or touch — no 3D software, no complex setup.

The effect is driven by a **grayscale depth map**: lighter areas appear closer to the viewer, darker areas recede. As the user moves their pointer, pixels shift based on their depth value, creating the illusion of volume and space.

### **Features**

-   **Image mode** — pair any photo with a depth map image
    
-   **Video mode** — pair a video clip with a synced depth video for moving 3D scenes
    
-   **Cursor & touch parallax** — smooth interaction on desktop and mobile
    
-   **Intro animation** — fade-in, subtle zoom, and gradual depth reveal on load
    
-   **Full control** — parallax strength, smoothing, fit mode, depth inversion, edge mirroring, and more
    
-   **Performance-aware** — rendering pauses when the component leaves the viewport
    

### **How to use**

1.  Add **Fake 3D** to your canvas
    
2.  Choose **Image** or **Video** mode
    
3.  Upload your **main media** (photo or video)
    
4.  Upload your **depth map** (grayscale image or depth video)
    
5.  Preview and fine-tune in the properties panel
    

Built-in demo assets are included so the component looks great on the canvas immediately. Replace them with your own files for production.

### **Depth map — where to get one**

You need a **depth map** alongside your photo or video — a black-and-white image (or video) where brightness represents distance: white = close, black = far.

**Disclaimer:** You do not need to create depth maps manually or pay for expensive tools. There are **many free and low-cost online services** that generate depth maps from ordinary photos using AI. Search for terms like “AI depth map generator”, “image to depth map”, or “monocular depth estimation”. Popular options include web demos on **Hugging Face**, open models such as **Depth Anything**, and various browser-based converters. Quality varies by service and image content — try a few and pick the result that works best with your photo.

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

-   All · #4496

## Details

- **Author**: Oleksandr Demydov
- **Published**: 2026-07-03
- **Updated**: 2026-07-03
- **Added**: 2026-07-03
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo