Hover Grid
Hover Grid



This component smoothly reveals grid lines around the cursor or stays always visible for a clean, tech-inspired look. Fully customizable — adjust color, opacity, line width, cell size, and reveal radius. Responsive, lightweight, and perfect for modern portfolios or minimal landing pages.
This component smoothly reveals grid lines around the cursor or stays always visible for a clean, tech-inspired look. Fully customizable — adjust color, opacity, line width, cell size, and reveal radius. Responsive, lightweight, and perfect for modern portfolios or minimal landing pages.
This component smoothly reveals grid lines around the cursor or stays always visible for a clean, tech-inspired look. Fully customizable — adjust color, opacity, line width, cell size, and reveal radius. Responsive, lightweight, and perfect for modern portfolios or minimal landing pages.
Design & UX Approach
Design & UX Approach
Dynamic Grid Reveal
Dynamic Grid Reveal
Add a subtle or harsh, interactive grid background that reacts to cursor movement or stays always visible for a clean, modern aesthetic.
Add a subtle or harsh, interactive grid background that reacts to cursor movement or stays always visible for a clean, modern aesthetic.
Fully Customizable
Fully Customizable
Control grid color, opacity, line width, cell size, and reveal radius directly from the Framer properties panel.
Control grid color, opacity, line width, cell size, and reveal radius directly from the Framer properties panel.
Smooth Animations
Smooth Animations
Enjoy elegant fade-in and fade-out transitions as the cursor enters or leaves the area.
Enjoy elegant fade-in and fade-out transitions as the cursor enters or leaves the area.
Perfect for Modern Interfaces
Perfect for Modern Interfaces
Ideal for portfolios, landing pages, and tech-inspired designs looking for subtle motion and depth.
Ideal for portfolios, landing pages, and tech-inspired designs looking for subtle motion and depth.
Product Description
Product Description
Dynamic Grid Reveal is a subtle, interactive background component for Framer that adds depth and motion to your designs. The grid softly reveals around the cursor with a smooth radial fade or can remain always visible for a clean, structured aesthetic. Perfect for modern portfolios, landing pages, and tech-inspired websites.
This component is fully customizable — you can adjust line color, opacity, width, cell size, and reveal radius to fit any design style. The animation responds seamlessly to user interaction and adapts fluidly to container size, keeping layouts consistent across devices.
Key Features
Subtle, animated grid that reacts to cursor movement or stays visible
Smooth fade in/out transitions for elegant interaction
Fully customizable color, opacity, line width, and spacing
Responsive to container and layout changes
Toggle between “Follow Cursor” or “Always Visible” modes
Lightweight and visually refined for minimal designs
Refund Policy
All sales are final due to the nature of digital products. Please review all details before purchasing.
Questions & Support
Free lifetime updates & email support.
Questions? Reach out via email amiopial017@gmail.com or LinkedIn
Setting up
Please feel free to reach out if you want us to set up your website for you.
Dynamic Grid Reveal is a subtle, interactive background component for Framer that adds depth and motion to your designs. The grid softly reveals around the cursor with a smooth radial fade or can remain always visible for a clean, structured aesthetic. Perfect for modern portfolios, landing pages, and tech-inspired websites.
This component is fully customizable — you can adjust line color, opacity, width, cell size, and reveal radius to fit any design style. The animation responds seamlessly to user interaction and adapts fluidly to container size, keeping layouts consistent across devices.
Key Features
Subtle, animated grid that reacts to cursor movement or stays visible
Smooth fade in/out transitions for elegant interaction
Fully customizable color, opacity, line width, and spacing
Responsive to container and layout changes
Toggle between “Follow Cursor” or “Always Visible” modes
Lightweight and visually refined for minimal designs