{"id":50886453,"url":"https://github.com/zitongcharliedeng/a_web-based_input-overlay","last_synced_at":"2026-06-15T17:32:08.526Z","repository":{"id":322755698,"uuid":"1090716929","full_name":"zitongcharliedeng/a_web-based_input-overlay","owner":"zitongcharliedeng","description":"Transparent input overlay for streamers - displays keyboard, mouse, and gamepad inputs in real-time","archived":false,"fork":false,"pushed_at":"2025-12-16T08:56:20.000Z","size":2887,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-22T04:57:41.446Z","etag":null,"topics":["electron","gamepad","input-visualization","keyboard","obs","overlay","streaming","typescript"],"latest_commit_sha":null,"homepage":"https://zitongcharliedeng.github.io/a_web-based_input-overlay/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zitongcharliedeng.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-06T03:28:31.000Z","updated_at":"2025-12-16T08:55:45.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/zitongcharliedeng/a_web-based_input-overlay","commit_stats":null,"previous_names":["zitongcharliedeng/a_web-based_input-overlay"],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/zitongcharliedeng/a_web-based_input-overlay","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitongcharliedeng%2Fa_web-based_input-overlay","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitongcharliedeng%2Fa_web-based_input-overlay/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitongcharliedeng%2Fa_web-based_input-overlay/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitongcharliedeng%2Fa_web-based_input-overlay/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zitongcharliedeng","download_url":"https://codeload.github.com/zitongcharliedeng/a_web-based_input-overlay/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitongcharliedeng%2Fa_web-based_input-overlay/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34374146,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-15T02:00:07.085Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron","gamepad","input-visualization","keyboard","obs","overlay","streaming","typescript"],"created_at":"2026-06-15T17:32:07.865Z","updated_at":"2026-06-15T17:32:08.508Z","avatar_url":"https://github.com/zitongcharliedeng.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Web-Based Input Overlay\r\n\r\n\u003e The Ultimate Transparent Streamer Overlay - Because streamers should see their own overlays too!\r\n\r\n## What Makes This Different\r\n\r\n**Traditional overlays:** Only visible in OBS output (viewers see it, streamer doesn't)\r\n**This overlay:** Transparent window that's visible to BOTH the streamer AND viewers in real-time\r\n\r\nThink of it as a HUD for streamers - displaying input visualization (keyboard, mouse, gamepad), camera feeds, audio levels, and web embeds (chat, GIFs, etc.) in a customizable transparent overlay.\r\n\r\n## Quick Start\r\n\r\n**Try it now (web version):** [https://zitongcharliedeng.github.io/a_web-based_input-overlay/](https://zitongcharliedeng.github.io/a_web-based_input-overlay/)\r\n\r\n**Download desktop app:** [Latest Release](https://github.com/zitongcharliedeng/a_web-based_input-overlay/releases/latest)\r\n- Windows: `.exe` installer\r\n- macOS: `.dmg` file\r\n- Linux: `.AppImage` file\r\n\r\nNo installation required for web version (use as OBS Browser Source).\r\n\r\n## For Developers\r\n\r\n### Prerequisites\r\n\r\n- [Node.js](https://nodejs.org/) (18+)\r\n- [Git](https://git-scm.com/)\r\n- Windows 10/11 (primary development platform)\r\n\r\n### Setup\r\n\r\n```powershell\r\ngit clone https://github.com/zitongcharliedeng/a_web-based_input-overlay.git\r\ncd a_web-based_input-overlay\r\n```\r\n\r\n### Development\r\n\r\n**Single unified script:**\r\n\r\n```powershell\r\n.\\SourceCode\\_devTools\\buildForWindowsDevelopment.ps1\r\n```\r\n\r\nInteractive menu with 4 options:\r\n1. Build only\r\n2. Build and launch website version\r\n3. Build and launch webapp (interactive mode)\r\n4. Build and launch webapp (clickthrough-readonly mode)\r\n\r\n### Versioning\r\n\r\nThis project uses [Semantic Versioning](https://en.wikipedia.org/wiki/Software_versioning#Semantic_versioning) (MAJOR.MINOR.PATCH) where MAJOR indicates breaking changes, MINOR adds backwards-compatible features, and PATCH fixes bugs without adding features.\r\n\r\n## Known Issues\r\n\r\n**Cursor lag in The Finals (Windows 11):** When running The Finals in borderless windowed mode, the cursor may become laggy with the overlay active. This appears to be a game-specific issue with window composition. **Workaround:** Switch The Finals to exclusive fullscreen mode - the overlay will still work and cursor responsiveness returns to normal.\r\n\r\n## Platform Support\r\n\r\nDeveloped and tested on **Windows 10/11**. Should work on macOS and Linux (GNOME, KDE, Hyprland) with mature Wayland/X11 compositors.\r\n\r\n## License\r\n\r\nMIT. Inspired by [DarrenVs/analog_keyboard_overlay](https://github.com/DarrenVs/analog_keyboard_overlay).\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzitongcharliedeng%2Fa_web-based_input-overlay","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzitongcharliedeng%2Fa_web-based_input-overlay","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzitongcharliedeng%2Fa_web-based_input-overlay/lists"}