---
title: "Stacked Layer Effect — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Valentin Pecorale · Effects. Stacked Layer Effect brings your Framer sections to life with a dual-input parallax system."
canonical: "https://framer.elliotli.dev/component/stacked-layer-effect"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Stacked Layer Effect

# Stacked Layer Effect

Parallax layers. Follows cursor & scroll

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

![Stacked Layer Effect preview image 1](https://framer.elliotli.dev/og/component/stacked-layer-effect/40d6077e6a30dced/1600x1200.jpg)

## Summary

Stacked Layer Effect brings your Framer sections to life with a dual-input parallax system.

## Description

Stacked Layer Effect brings your Framer sections to life with a dual-input parallax system. Layers respond to both cursor movement and scroll position simultaneously, each at its own depth and speed — creating a smooth, cinematic 3D illusion.

**Key features**

-   🖱️ Cursor-reactive — layers shift fluidly as your mouse moves across the screen
    
-   📜 Scroll-driven — each layer moves independently as the user scrolls
    
-   🎚️ Per-layer speed control — set individual cursor and scroll speed multipliers for each image
    
-   🌗 Per-layer opacity — fine-tune the transparency of each layer independently
    
-   🎨 Per-layer saturation — go full color, desaturated, or anywhere in between
    
-   📐 Fill & Fixed modes — global setting to switch the entire component between fill and fixed positioning
    
-   🔌 No code required — everything configurable directly in Framer's property panel
    

**Best used for** Hero sections, landing page headers, product showcases, portfolio covers, and any section where you want to create visual depth and a premium feel.

**How to use**

1.  Insert the component into your Framer project
    
2.  Add your images to each layer slot
    
3.  Per layer, adjust cursor speed, scroll speed, opacity, and saturation
    
4.  Set the global Fill or Fixed mode to match your layout
    
5.  Preview in the browser to experience the full parallax effectRefund Policy: All sales are final. I do not offer refunds, exchanges, or returns on Framer components. For technical support or implementation questions, contact me at [pecoralev@gmail.com](mailto:pecoralev@gmail.com)
    

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

-   All · #10477

## Details

- **Author**: Valentin Pecorale
- **Price**: $10.00
- **Published**: 2026-06-08
- **Updated**: 2026-06-08
- **Added**: 2026-05-29
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows