Spotlight Focus

About

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.