{"id":32033612,"url":"https://github.com/detekoi/static-browser-overlays","last_synced_at":"2025-10-17T03:50:27.559Z","repository":{"id":280061156,"uuid":"940868533","full_name":"detekoi/static-browser-overlays","owner":"detekoi","description":"Free, customizable browser source overlays for Twitch/OBS streaming","archived":false,"fork":false,"pushed_at":"2025-08-25T05:48:23.000Z","size":12179,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-25T08:03:21.148Z","etag":null,"topics":["browser-source","obs","obs-studio","streamelements","streamer-tool","streamlabs","twitch"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/detekoi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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}},"created_at":"2025-03-01T00:20:23.000Z","updated_at":"2025-08-25T05:48:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"6e9c7f09-0dac-4c09-ab10-b537e90e6dfa","html_url":"https://github.com/detekoi/static-browser-overlays","commit_stats":null,"previous_names":["detekoi/static-browser-overlays"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/detekoi/static-browser-overlays","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/detekoi%2Fstatic-browser-overlays","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/detekoi%2Fstatic-browser-overlays/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/detekoi%2Fstatic-browser-overlays/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/detekoi%2Fstatic-browser-overlays/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/detekoi","download_url":"https://codeload.github.com/detekoi/static-browser-overlays/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/detekoi%2Fstatic-browser-overlays/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279278883,"owners_count":26139027,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-17T02:00:07.504Z","response_time":56,"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":["browser-source","obs","obs-studio","streamelements","streamer-tool","streamlabs","twitch"],"created_at":"2025-10-17T03:50:24.201Z","updated_at":"2025-10-17T03:50:27.552Z","avatar_url":"https://github.com/detekoi.png","language":"HTML","readme":"# Browser Overlays for Streaming\n\nThis repository contains a variety of browser overlays for OBS, Streamlabs, and other streaming software. The overlays are designed to be easy to use, customize, and integrate into your stream.\n\n## Features\n\n- **Beautiful Overlays**: HTML/CSS overlays with elegant animations and minimal JavaScript.\n- **Animated Elements**: Snowfall, aurora effects, and abstract animations for a dynamic look.\n- **Easy to Customize**: Clear documentation on how to modify colors, text, and other elements.\n- **Open Source**: Free to use and modify under the BSD 2-clause license.\n\n## Available Overlays\n\n### Cozy 10:9 Aspect Ratio\n\nA stylish overlay for Cozy 10:9 Aspect Ratio streams.\n\n![Cozy 10:9 Aspect Ratio Overlay](docs/screenshots/cozy-10-9-aspect-ratio.png)\n\n[📄 Documentation](sources/overlays/cozy%2010-9%20aspect%20ratio/overlay-readme.md) | \n[⬇️ Download ZIP](releases/cozy-10-9-aspect-ratio.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/cozy%2010-9%20aspect%20ratio/overlay.html)\n\n### Cozy 16:9 Aspect Ratio\n\nA stylish overlay for Cozy 16:9 Aspect Ratio streams.\n\n![Cozy 16:9 Aspect Ratio Overlay](docs/screenshots/cozy-16-9-aspect-ratio.png)\n\n[📄 Documentation](sources/overlays/cozy%2016-9%20aspect%20ratio/overlay-readme.md) | \n[⬇️ Download ZIP](releases/cozy-16-9-aspect-ratio.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/cozy%2016-9%20aspect%20ratio/overlay.html)\n\n### Retro Sakura\n\nA stylish overlay for Retro Sakura streams, featuring springtime colors and a nostalgic aesthetic that brings a touch of elegance to your stream.\n\n![Retro Sakura Overlay](docs/screenshots/retro-sakura.png)\n\n[📄 Documentation](sources/overlays/retro-sakura/retro-sakura-readme.md) | \n[⬇️ Download ZIP](releases/retro-sakura.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/retro-sakura/retro-sakura.html)\n\n### Minimal 10:9\n\nA clean, minimal overlay for 10:9 aspect ratio gameplay with highly customizable features.\n\n![Minimal 10:9 Overlay](docs/screenshots/minimal-10-9.png)\n\n[📄 Documentation](sources/overlays/minimal-10-9/overlay-readme.md) | \n[⬇️ Download ZIP](releases/minimal-10-9.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/minimal-10-9/overlay.html)\n\n### Minimal 16:9\n\nA clean, minimal overlay for 16:9 aspect ratio gameplay with fully customizable styling.\n\n![Minimal 16:9 Overlay](docs/screenshots/minimal-16-9.png)\n\n[📄 Documentation](sources/overlays/minimal-16-9/overlay-readme.md) | \n[⬇️ Download ZIP](releases/minimal-16-9.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/minimal-16-9/overlay.html)\n\n### Light 16:9\n\nA clean, light-themed overlay for 16:9 aspect ratio gameplay with customizable off-white borders.\n\n![Light 16:9 Overlay](docs/screenshots/light-16-9.png)\n\n[📄 Documentation](sources/overlays/light-16-9/overlay-readme.md) | \n[⬇️ Download ZIP](releases/light-16-9.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/light-16-9/overlay.html)\n\n### Minimal 4:3\n\nA clean, minimal overlay for 4:3 aspect ratio gameplay with extensive customization options.\n\n![Minimal 4:3 Overlay](docs/screenshots/minimal-4-3.png)\n\n[📄 Documentation](sources/overlays/minimal-4-3/overlay-readme.md) | \n[⬇️ Download ZIP](releases/minimal-4-3.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/overlays/minimal-4-3/overlay.html)\n\n\n### Ascii\n\nA stylish overlay for Ascii streams.\n\n![Ascii Overlay](docs/screenshots/ascii.png)\n\n[⬇️ Download ZIP](releases/ascii.zip?raw=true)\n\n### Cozy 10 9 Gameboy\n\nA stylish overlay for Cozy 10 9 Gameboy streams.\n\n![Cozy 10 9 Gameboy Overlay](docs/screenshots/cozy-10-9-gameboy.png)\n\n[⬇️ Download ZIP](releases/cozy-10-9-gameboy.zip?raw=true)\n\n### Cozy 4:3 Aspect Ratio\n\nA stylish overlay for Cozy 4:3 Aspect Ratio streams.\n\n![Cozy 4:3 Aspect Ratio Overlay](docs/screenshots/cozy-4-3-aspect-ratio.png)\n\n[📄 Documentation](sources/sources/overlays/cozy-4-3-aspect-ratio/overlay-readme.md) | [⬇️ Download ZIP](releases/cozy-4-3-aspect-ratio.zip?raw=true)\n\n### Ascii Parallax\n\nA stylish overlay for Ascii Parallax streams.\n\n![Ascii Parallax Overlay](docs/screenshots/ascii-parallax.png)\n\n[⬇️ Download ZIP](releases/ascii-parallax.zip?raw=true)\n\n### Ascii Psychedelic\n\nA stylish overlay for Ascii Psychedelic streams.\n\n![Ascii Psychedelic Overlay](docs/screenshots/ascii-psychedelic.png)\n\n[⬇️ Download ZIP](releases/ascii-psychedelic.zip?raw=true)\n## Available Backgrounds\n\n\n### Liquid Background\n\nA stylish overlay for Liquid Background streams.\n\n![Liquid Background Overlay](docs/screenshots/liquid-background.png)\n\n[⬇️ Download ZIP](releases/liquid-background.zip?raw=true)\n### Sakura Background\n\nA stylish background for Sakura-themed streams, adorned with delicate cherry blossoms and soft pastel colors, creating a serene and enchanting atmosphere.\n\n![Sakura Background Overlay](docs/screenshots/sakura-background.png)\n\n[📄 Documentation](sources/backgrounds/sakura-background/sakura-background-readme.md) | \n[⬇️ Download ZIP](releases/sakura-background.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/backgrounds/sakura-background/sakura-background.html)\n\n### Cube Pattern Background\n\nAn animated isometric cube pattern with dynamic lighting effects, perfect as a background for modern gaming streams.\n\n![Cube Pattern Background](docs/screenshots/cube-pattern-background.png)\n\n[📄 Documentation](sources/backgrounds/cube-pattern-background/cube-pattern-background-readme.md) | \n[⬇️ Download ZIP](releases/cube-pattern-background.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/backgrounds/cube-pattern-background/cube-pattern-background.html)\n\n### Arctic Background\n\nA winter-themed background with animated aurora borealis effects, falling snowflakes, and a snowy landscape.\n\n![Arctic Background](docs/screenshots/arctic-background.png)\n\n[📄 Documentation](sources/backgrounds/arctic-background/arctic-background-readme.md) | \n[⬇️ Download ZIP](releases/arctic-background.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/backgrounds/arctic-background/arctic-background.html)\n\n### Twinkling Stars Background\n\nAn animated background with twinkling stars, perfect as a base layer for space-themed streams.\n\n![Stars Background](docs/screenshots/stars-background.png)\n\n[📄 Documentation](sources/backgrounds/stars-background/stars-background-readme.md) | \n[⬇️ Download ZIP](releases/stars-background.zip?raw=true) | \n[🔍 Live Demo](https://detekoi.github.io/static-browser-overlays/sources/backgrounds/stars-background/stars-background.html)\n\n## Getting Started\n\n### Quick Start Options\n\n**Option 1: Download and Use Locally (Recommended)**\n- Download the ZIP file for your chosen overlay or background.\n- Extract and use locally for full customization capabilities.\n- Stable version that won't change unexpectedly.\n\n**Option 2: Use Live Demo Links Directly**\n- Copy the Live Demo URL and paste it into OBS as a browser source.\n- No download required, but customization isn't possible.\n- Requires internet connection while streaming.\n- Subject to change if the repository is updated.\n\nCheck out the [installation guide](docs/installation.md) for complete instructions on both methods.\n\n## Customization\n\nSee the [customization guide](docs/customization.md) for details on how to modify the overlays to match your stream's aesthetic. \n**Note**: Customization is only possible with locally downloaded files, not with the Live Demo links.\n\n## Contributing\n\nContributions are welcome! See the [contribution guide](docs/CONTRIBUTING.md) for guidelines on how to contribute to this project.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](docs/LICENSE.md) file for details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdetekoi%2Fstatic-browser-overlays","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdetekoi%2Fstatic-browser-overlays","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdetekoi%2Fstatic-browser-overlays/lists"}