Premium Glow Cards: Free Interactions Component by Mert Aldanmaz

A high-end, interactive grid component for modern agencies. Features a proximity-based hover effect: the focused card glows while surrounding cards elegantly dim. Fully customizable from the properties panel with zero code required.

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.