About DepthGrid injects a captivating 3D cinematic feel right into your layout. Drop this responsive component anywhere on your page to turn standard static images into an interactive layer of depth, creating a fluid storytelling journey as visitors scroll through your site.

What it does It dynamically splits your media into custom column arrangements and automatically applies fluid stagger delays, blur properties, and lighting modifications based on movement. It handles real-time mouse or scroll tracking to shift perspective depths, automatically controls image aspect ratios, and seamlessly integrates a customizable moving text ticker at the bottom to serve as a persistent branding element.

What you can customize Layout and Spacing: Tailor the grid layout by specifying the column count, image aspect ratios, precise corner smoothing, and uniform gap widths.

3D Mechanics: Fine-tune how the canvas behaves by shifting perspective depth parameters, altering rotation degrees, or adding custom skew and scaling limits.

Cinematic Effects: Adjust motion stagger timings, modify background blur intensities, tweak brightness levels, and ramp up contrast values for a rich visual finish.

Overlay and Ticker: Control background colors and opacity blends, toggle a rolling text marquee, alter typography scale, modify ticker speed, and embed custom destination links that open in fresh windows.

Great for Photography and design portfolios

Modern agency index pages

Impactful hero structures

Visual case studies and project breakdowns

Creative agency landing experiences

Share your build If you happen to design something awesome with this, drop a link on X and tag me @Dulajweb, or just shoot it my way. I am always excited to check out what people build with it.

Need help? Questions or feedback?

Reach me anytime: We stand by the quality of our components. If you encounter any bugs, technical issues, or errors that prevent you from being fully satisfied with your purchase,

please reach out to us at dulajdilshan766@gmail.com within 7 days. If we cannot resolve the issue, we will issue a full refund immediately.