WebXCursor Spotlight

About Cursor Spotlight

✨ A soft light that follows every move.

Cursor Spotlight adds a smooth, responsive glow that follows the visitor’s cursor across any section. Use it to draw attention to headlines, reveal details, create atmosphere, or make simple layouts feel more interactive.

Drop it over your content, customize the appearance, and make the interaction completely your own.

What you can customize

Easily adapt the spotlight to match your layout, brand, and creative direction.

Color ✦ Opacity ✦ Size ✦ Softness ✦ Core falloff ✦ Circle or ellipse ✦ Aspect ratio ✦ Rotation ✦ Cursor offset ✦ Hover or always visible ✦ Idle position ✦ Blend mode ✦ Spring stiffness ✦ Damping ✦ Mass ✦ Clip radius

Built for real projects

The component automatically pauses its tracking and motion work when it moves outside the viewport. It also includes reduced-motion support and a static rendering mode for reliable Framer Canvas previews and exports.

Fully responsive, lightweight, and ready to use across landing pages, portfolios, product sites, hero sections, and interactive experiences.