Neon Spotlight Card

Elevate your forms, pricing tiers, and feature bento grids with Magic Spotlight Card—a 100% native Framer component designed to bring tactile, cursor-aware lighting to your layouts. As users move their pointer across the card, a smooth radial spotlight illuminates the border and surface simultaneously. Designers can effortlessly switch between two distinct visual modes right from the properties panel: Gradient Spotlight for a clean, crisp SaaS aesthetic, or Glowing Orb for a diffused, spring-animated ambient glow that softly follows the cursor.

Built specifically with Framer workflows in mind, Magic Spotlight Card acts as a flexible wrapper that pairs seamlessly with native Framer Forms and custom canvas layers via its built-in content slot. It includes automatic system and Framer Dark Mode detection alongside manual Light/Dark preview toggles, giving you granular control over surface colors, border highlights, blur intensity, typography, and spacing—all without touching a single line of code.