---
title: "ParallaxDepthGrid — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Galleries. flat grids to life with 3D depth"
canonical: "https://framer.elliotli.dev/component/parallaxdepthgrid"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/ParallaxDepthGrid

# ParallaxDepthGrid

flat grids to life with 3D depth

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

![ParallaxDepthGrid preview image 1](https://framer.elliotli.dev/og/component/parallaxdepthgrid/852d221608b0a1c6/1600x1200.jpg)

## Summary

flat grids to life with 3D depth

## Description

### About

PerspectiveGrid brings a dynamic, immersive 3D depth effect to your Framer projects. Drop it into your portfolio, product showcases, or landing pages to give visitors an interactive visual experience that responds smoothly to their mouse movement. It transforms flat image arrays into multi-layered grids that bend, scale, and shift as users explore your site.

### What it does

It displays a multi-column image grid complete with advanced perspective calculations. As the cursor moves, the component dynamically tracks its coordinates to calculate real-time skew, rotation, and staggering delays across your media items. This creates a striking sense of physical depth while keeping your layout fully responsive and fluid.

### What you can customize

-   **Grid Layout:** Set the exact number of columns, gap spacing, element aspect ratios, container height, and individual corner radiuses.
    
-   **Depth & Motion:** Control the perspective depth, parallax intensity, maximum rotation angle, skew amount, scale ranges, and individual layer stagger delays.
    
-   **Visual Enhancements:** Add extra polish by tweaking the blur strength, brightness ranges, contrast boosts, or laying down an overlay color with custom opacity.
    
-   **Marquee & Interaction:** Toggle a scrolling text marquee directly within the layout, adjusting its speed, font size, background, and colors. You can also assign custom click URLs to make elements completely interactive.
    

### Great for

-   Creative portfolio galleries
    
-   Immersive product and launch pages
    
-   Hero sections that need a strong first impression
    
-   Visual mood boards and brand assets
    
-   Interactive photography layouts
    

### Share your build

If you build something awesome with this grid, share it on X and tag me @Dulajweb. I love seeing how people push these layouts.

### Need help?

Have any feedback or hit a roadblock? Drop me a line at [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or send a DM over on X @Dulajweb.

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

-   All · #11105

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-07-04
- **Updated**: 2026-08-28
- **Added**: 2026-07-04
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery