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
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
Hero sections
SaaS landing pages
Portfolio websites
AI & tech websites
Web3 projects
Dashboards
Product showcases
Dark-mode websites
Creative agency websites
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.
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.
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
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
Hero sections
SaaS landing pages
Portfolio websites
AI & tech websites
Web3 projects
Dashboards
Product showcases
Dark-mode websites
Creative agency websites
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.
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.
