---
title: "DepthMotionStack — Framer component · Best of Framer"
description: "$7.00 · Framer component · by mnfst-studio · Effects. DepthMotionStack is a layered motion component for building scenes that feel dimensional, reactive, and alive."
canonical: "https://framer.elliotli.dev/component/depthmotionstack"
---

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

# DepthMotionStack

Layered depth, parallax, and motion

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

![DepthMotionStack preview image 1](https://framer.elliotli.dev/og/component/depthmotionstack/32d3569499c42bff/1600x1200.jpg)

## Summary

DepthMotionStack is a layered motion component for building scenes that feel dimensional, reactive, and alive.

## Description

DepthMotionStack is a layered motion component for building scenes that feel dimensional, reactive, and alive. It is designed for portal effects, storytelling moments, hover reveals, hologram cards, atmospheric hero sections, and interactive compositions that go beyond a standard parallax stack.

Built for flexibility, it supports foreground, background, and multiple mid layers, with controls for depth, opacity states, blend modes, scaling, direction, clipping, masking, tilt, smoothing, and staggered activation. Whether you are building a cinematic portal, an interactive storybook scene, or a motion-rich visual card, DepthMotionStack gives you a polished way to create depth-driven experiences inside Framer.

Best suited for image-based layered artwork, stylized compositions, and storytelling scenes where motion and spatial response help bring the visual to life.

**Features**

-   Interactive layered depth and parallax
    
-   Foreground, background, and multiple mid-layer support
    
-   Touch interaction for tablet and mobile
    
-   Idle and active opacity controls
    
-   Per-layer blend modes and scaling
    
-   Global and per-layer direction controls
    
-   Activation modes for hover, click, and always-on behavior
    
-   Staggered layer activation for cascading reveals
    
-   Optional tilt interaction
    
-   Cursor and auto motion modes
    
-   Clip-to-foreground effect for hologram-style compositions
    
-   Custom alpha mask support for organic clipping shapes
    
-   Adjustable clip radius
    
-   Smoothing controls for softer motion
    
-   Responsive source support for foreground and background layers
    
-   Great for portals, storytelling, hero scenes, hover reveals, and atmospheric cards
    

**Best for**

-   Interactive hero sections
    
-   Storybook-inspired demos
    
-   Portal and hologram effects
    
-   Cinematic layered artwork
    
-   Hover reveals and motion-rich cards
    
-   Experimental landing pages
    
-   Editorial and narrative compositions
    

**Notes**

-   Best results come from rasterized artwork or simple layered source compositions
    
-   Especially effective for scenes built with intentional foreground, midground, and background separation
    

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

-   All · #5046

## Details

- **Author**: mnfst-studio
- **Price**: $7.00
- **Published**: 2026-06-09
- **Updated**: 2026-06-09
- **Added**: 2026-03-27
- **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