Halo Cards

About Spotlight Cards

Quiet at rest. Alive under your light. A responsive grid of dark cards lit by an invisible light that follows the cursor. Borders catch the glow, textures appear, titles brighten and neighboring cards share the light naturally. Tap for a light pulse on mobile. Edit cards, icons, colors, textures and every light setting directly in Framer.

Features

• Cursor-driven light calculated from each card's real position.

• Light shared between neighboring cards, with adjustable falloff.

• Lit border, revealed texture, glow, inner highlight, typography and icon response.

• Five textures: Grain, Grid, Dots, Lines or None.

• Subtle 3D tilt towards the light.

• Touch light pulse that never blocks scrolling.

• Keyboard focus lights the focused card.

• Auto-wrapping responsive grid with up to 24 cards and eight original icons.

• Canvas Light for designing in Framer.

• Reduced motion, offscreen pause and graceful fallbacks.

• One standalone React + TypeScript file, no canvas or WebGL.

• 37 controls in the Framer properties panel

• Respects prefers-reduced-motion

• Renders correctly on the Framer canvas and in export

Created by LUNAUT Studio.