3D Image Depth Map
Add motion and realism to any still image using depth maps. Control perspective shifts with mouse movement and fine-tune sensitivity and thresholds for a 3D-like parallax effect.
Made with Workshop
Build your own component with AI
About this Component
Transform flat visuals into immersive, interactive experiences with Image Depth Map. This component pairs your image with its matching depth map to create a realistic parallax movement that responds dynamically to mouse motion or cursor position. Subtle or dramatic, you decide.With intuitive controls for X and Y thresholds, sensitivity, and motion depth, you can easily craft anything from a gentle cinematic drift to a bold 3D-style tilt. Perfect for hero images, album art, digital galleries, and brand storytelling that needs extra presence.You can generate your own free AI depth maps at artificialstudio.ai.Features
Combine any image with its matching depth map for 3D parallax motion
Adjustable X and Y threshold for custom depth intensity
Control mouse sensitivity and motion response for smooth interactivity
Create subtle camera shifts or bold 3D tilts with ease
Ideal for product shots, photography, and immersive hero sections
Works beautifully in Framer with real-time control over behaviour and feel
