Skip to content

component

Premium Glow Cards

By Mert Aldanmaz

Details

Summary

Premium Interactive Proximity Cards.

Description

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.

Introduction

Premium Interactive Proximity Cards.

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300133698/148/228/309/79/15
  • All · #3331