The Proximity Glow Grid is a highly interactive, premium code component built for modern digital agencies, SaaS startups, and high-end portfolios. It brings a sophisticated "Swiss Design" aesthetic combined with cutting-edge web interactions.
Unlike standard hover states, this component tracks the cursor globally. As users navigate the grid, the closest card illuminates with a saturated, glowing border, while surrounding cards smoothly desaturate and fade into the background. This creates a theatrical, highly focused user experience.
Zero-Code Customization: Fully controllable right from the Framer properties panel.
Infinite Scalability: Add as many cards as you need. The grid dynamically adjusts.
Phosphor Icons Built-in: Change the center icons instantly by just typing the icon name.
Advanced Typography: Features a beautiful pairing of Space Grotesk (subtitles) and Bebas Neue (titles).
Fully Responsive: Fluid wrap layouts and dynamic padding ensure it looks perfect on mobile and desktop.
Card colors and background opacity
Cursor glow strength and radius
Base stroke width and ambient glow
Horizontal and vertical gaps
Font families and sizing for all text elements
Bring a touch of high-end creative strategy to your next Framer project with this free, production-ready component.