Skip to content

component

Hero Deep Grid

By Beyond Flows

Details

Summary

Animated 3D grid hero with glow

Description

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.

Introduction

Animated 3D grid hero with glow

Rank history

Daily rank per list, from the first snapshot โ€” lower is better.

120014001600163448/148/228/309/79/15
  • All ยท #5662