---
title: "Tilt Image3D — Free Framer component · Best of Framer"
description: "Free Framer component · by Edi Priatama · Effects. interactive 3D motion"
canonical: "https://framer.elliotli.dev/component/tilt-image3d"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Tilt Image3D

# Tilt Image3D

interactive 3D motion

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

![Tilt Image3D preview image 1](https://framer.elliotli.dev/og/component/tilt-image3d/17e3d7045068b62a/1600x1200.jpg)

## Summary

interactive 3D motion

## Description

Bring your visuals to life with interactive 3D motion, realistic parallax depth, and dynamic shine effects. Perfect for **hero sections** and **product showcases**

**Customizable Options**

**Image**

-   Upload any image, the example image above uses a bottle mockup without a background.
    

**3D Depth**

-   Toggle 3D Depth → Enable or disable layered parallax effect.
    
-   Depth Intensity → Control how deep the parallax layers move (0–100px).
    
    _(Visible only when 3D Depth is enabled.)_
    

**Tilt Settings**

-   Vertical Tilt → Set the starting vertical rotation (−45° to +45°).
    
-   Horiizontal Tilt → Set the starting horizontal rotation (−45° to +45°).
    
-   Rotation → Add diagonal perspective rotation (−45° to +45°).
    
-   Tilt Intensity → Control how much the card tilts with cursor movement (0–30°).
    

**Shadow**

-   Enable Shadow → Turn on realistic motion-based shadows.
    
-   Shadow Intensity → Adjust shadow distance and softness (0–50px).
    
    _(Visible only when Shadow is enabled.)_
    

**Shine Effect**

-   Enable Shine → Add a glossy light reflection that follows the cursor.
    
-   Shine Intensity → Adjust the brightness and spread of the shine (0–1).
    
    _(Visible only when Shine is enabled.)_
    

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

-   All · #3427

## Details

- **Author**: Edi Priatama
- **Published**: 2025-10-23
- **Updated**: 2026-05-03
- **Added**: 2025-10-13
- **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