Premium Glow Cards

Elevate Your Digital Presence

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.

Dynamic Proximity Focus

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.

Key Features:

• 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.

Customization Options:

• 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.