Spotlight Focus

Calm, minimal focus highlight overlay for any website

Spotlight Focus adds a premium focus highlight overlay to any website — perfect for presentations, demos, tutorials, and screen recordings. HOW IT WORKS • Hover over any element to highlight it with a soft spotlight effect • Click to lock the spotlight in place • Press Escape or click elsewhere to unlock • Use ⌘+Shift+H (Mac) or Ctrl+Shift+H (Windows) to toggle KEY FEATURES ✦ Automatic Theme Detection Intelligently detects dark or light pages and adjusts the overlay color for perfect contrast. Dark pages get a white overlay, light pages get a dark overlay. ✦ Fully Customizable • Adjust dim intensity (0-100%) • Control edge softness and blur • Set corner radius for the spotlight • Choose animation speed ✦ Premium Effects • Glow effect around spotlighted elements • Pulse animation when locking focus • Subtle breathing animation option ✦ Laser Pointer Mode Choose from multiple pointer styles: • Default cursor • Glowing laser dot (6 color options) • Circle outline • Crosshair • Hidden cursor ✦ Works Everywhere Compatible with any website — GitHub, Notion, Google Docs, Figma, and more. PERFECT FOR • Live presentations and demos • Video tutorials and screen recordings • Code walkthroughs • User onboarding flows • Drawing attention to specific UI elements Zero setup required. Just install and start highlighting.