---
title: "Parallax Video Grid — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Pixels Design · Effects. advanced multi-layer"
canonical: "https://framer.elliotli.dev/component/parallax-video-grid"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Parallax Video Grid

# Parallax Video Grid

advanced multi-layer

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

![Parallax Video Grid preview image 1](https://framer.elliotli.dev/og/component/parallax-video-grid/0ac721c2bce4b723/1600x1200.jpg)

## Summary

advanced multi-layer

## Description

**3D Parallax Scene** is an advanced multi-layer depth system that creates immersive, cinematic parallax visuals using videos or images. Each layer can be individually positioned, scaled, and assigned a depth value—giving you full creative control over how the scene reacts to mouse movement.

The component uses true 3D transforms and perspective to simulate depth, allowing foreground and background layers to move independently with smooth, natural motion. Perfect for hero sections, product reveals, storytelling layouts, and interactive showcases.

All animations run on the GPU with no heavy frameworks, resulting in extremely smooth performance—even with multiple high-resolution layers.

### Features

-   🎥 **Supports videos and images**
    
-   🎚 **Custom per-layer depth, scale, and offsets**
    
-   🖱 **Mouse-driven real-time 3D motion**
    
-   📦 **Up to 8 configurable layers**
    
-   🔳 **Optional shadows for drama & realism**
    
-   🎨 **Customizable background & styling**
    
-   ⚡ **Pure CSS + transform-based parallax (high performance)**
    

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

-   All · #10189

## Details

- **Author**: Pixels Design
- **Price**: $4.00
- **Published**: 2025-11-26
- **Updated**: 2026-07-11
- **Added**: 2025-11-22
- **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