Skip to content

[Feature] Desktop App for Blurring/Overlay During Demos #336

Description

@estruyf

Is your feature request related to a problem? Please describe.
When toggling between code view and slide view, there can sometimes be flickering. This can make transitions look a bit unpolished during a live demo.

Describe the solution you'd like
It would be useful to have a Demo Time companion desktop app that allows you to temporarily blur the screen or show a message overlay in the middle of the screen to indicate what action you’re about to perform. The app should:

  • Always run on top, but allow click-through so it doesn't block interaction
  • Accept messages (easily sent, e.g., via API/IPC) that trigger blur or overlay actions
  • Allow for easily showing/hiding overlays or blur dynamically for smooth demos
  • Spotlight/highlight mode: Toggleable via global shortcut; follows the cursor; adjustable size/opacity; on/off toggle.
  • Zoom in/out functionality: Toggleable via shortcut; smooth zoom animations; configurable zoom level. (like zoomit)
  • Unique, human-friendly action names: Each action is callable by a unique name (e.g., "spotlight.toggle", "zoom.toggle") so VS Code can trigger them easily.
  • Theming & configurability: Configurable overlay background color, text color, opacity, fonts; profile presets.
  • Platform & tech choice: Built with Tauri (lightweight, cross-platform).
  • Branding: Use the Demo Time icon as app/tray/logo and optional watermark
  • Make sure that each shortcut can be configured. For instance, the zoom in/out. If the user wants a different keyboard binding, it should be possible.

Other ideas:

  • Arrows, Boxes, Ellipses: Drawing tools for annotations (arrows, boxes, ellipses, straight lines, perfect shapes)
  • Multi-Screen Aware: Detect multiple screens, overlays/annotations per screen, follow cursor across screens
  • Launch on Login: Option to autostart on system login so the app is available when you need it

Describe alternatives you've considered

  • Just dealing with the flickering (not ideal)
  • Custom scripts/hotkeys that put static overlays, but not as flexible/as integrated
  • Existing screen annotation tools, which often don't allow click-through or integrated control

Additional context
The goal is to create a seamless experience for Demo Time users where transitions between code/slides can be masked, and the audience can be kept informed about what’s happening, avoiding any confusion caused by flickering or abrupt UI changes.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions