---
title: "Hero Deep Grid — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Beyond Flows · Backgrounds. Animated 3D grid hero with glow"
canonical: "https://framer.elliotli.dev/component/hero-deep-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Hero Deep Grid

# Hero Deep Grid

Animated 3D grid hero with glow

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

![Hero Deep Grid preview image 1](https://framer.elliotli.dev/og/component/hero-deep-grid/a70c3b6b1833935d/1600x1067.jpg)

## Summary

Animated 3D grid hero with glow

## Description

\# Hero Deep Grid

A dark, animated hero backdrop: a glowing wash over a subtle grid, with a retro 3D perspective floor scrolling toward the horizon. Drop it behind any hero and ship a landing page that feels alive.

\## ✨ Features

\- **Retro perspective floor:** animated 3D grid with adjustable speed, height, opacity, and an optional neon glow

\- **Soft radial glow:** control color, size, position, and drift speed, or freeze it

\- **Subtle grid overlay:** control color and spacing, or hide it

\- **Dark or Custom theme:** ship the dark look instantly, or set your own background and grid color

\- **Show / hide toggles** for the grid and floor, mix and match

\- Respects reduced motion for accessibility

\- Pauses when scrolled off-screen, easy on the CPU

\- Lightweight, no dependencies, responsive at any size

\## 🎛 Fully controllable

Everything is editable from Framer's properties panel. Tune the glow, grid, and floor to match your brand in seconds.

\## 🚀 Install

1\. Copy the component (or click Insert from the marketplace).

2\. Paste it onto your Framer canvas and set it to Fill.

3\. Customize from the properties panel.

\## ✅ Requirements

\- A Framer project that supports code components

Questions or requests? Reach out anytime, happy to help.

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

-   All · #5081

## Details

- **Author**: Beyond Flows
- **Price**: $4.00
- **Published**: 2026-07-01
- **Updated**: 2026-07-09
- **Added**: 2026-07-01
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background