Glow Grid

Grid Glow

Add an interactive glowing grid background to your Framer websites with a clean, lightweight effect that responds smoothly to cursor movement.

Grid Glow combines a subtle background grid with a dynamic radial glow that follows the user's pointer, making hero sections, portfolios, SaaS pages, dashboards, and dark layouts feel more immersive.

Live preview: https://glowgrid.framer.ai/

Gumroad Link: https://rohitanand.gumroad.com/l/nvvnbj?wanted=true

Features

• Interactive cursor-following glow

• Customizable background, grid, and glow colors

• Adjustable grid size and line width

• Control grid opacity and glow intensity

• Adjustable glow radius

• Smooth cursor movement

• Custom border radius

• Lightweight implementation with no external assets

• Responsive and works across different frame sizes

• Static-renderer optimized for Framer Canvas and exports

• No continuous animation loop when rendered statically

Perfect For

• Hero sections

• SaaS landing pages

• Portfolio websites

• AI & tech websites

• Web3 projects

• Dashboards

• Product showcases

• Dark-mode websites

• Creative agency websites

Easy To Customize

Use Framer's property controls to quickly change the:

Background Choose any background color.

Grid Control grid color, size, width, and opacity.

Glow Customize glow color, radius, and intensity.

Smoothness Adjust how quickly the glow follows the cursor.

Border Radius Create sharp or rounded grid containers.

Performance Friendly

Grid Glow is built with performance in mind. The interactive effect only runs when needed, while Framer's static renderer receives a clean static grid without unnecessary animation or rendering work.

Drop it into your Framer project, customize the controls, and create a polished interactive background in seconds.