static-browser-overlays

Browser Overlays for Streaming

This 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.

Features

Beautiful Overlays: HTML/CSS overlays with elegant animations and minimal JavaScript.
Animated Elements: Snowfall, aurora effects, and subtle animations for a dynamic look.
Easy to Customize: Clear documentation on how to modify colors, text, and other elements.
Open Source: Free to use and modify under the MIT License.

Available Overlays

Cozy 10:9 Aspect Ratio

A stylish overlay for Cozy 10:9 Aspect Ratio streams.

Cozy 10:9 Aspect Ratio Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Cozy 16:9 Aspect Ratio

A stylish overlay for Cozy 16:9 Aspect Ratio streams.

Cozy 16:9 Aspect Ratio Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Retro Sakura

A stylish overlay for Retro Sakura streams, featuring springtime colors and a nostalgic aesthetic that brings a touch of elegance to your stream.

Retro Sakura Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Minimal 10:9

A clean, minimal overlay for 10:9 aspect ratio gameplay with highly customizable features.

Minimal 10:9 Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Minimal 16:9

A clean, minimal overlay for 16:9 aspect ratio gameplay with fully customizable styling.

Minimal 16:9 Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Light 16:9

A clean, light-themed overlay for 16:9 aspect ratio gameplay with customizable off-white borders.

Light 16:9 Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Minimal 4:3

A clean, minimal overlay for 4:3 aspect ratio gameplay with extensive customization options.

Minimal 4:3 Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Available Backgrounds

Sakura Background

A stylish background for Sakura-themed streams, adorned with delicate cherry blossoms and soft pastel colors, creating a serene and enchanting atmosphere.

Sakura Background Overlay

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Cube Pattern Background

An animated isometric cube pattern with dynamic lighting effects, perfect as a background for modern gaming streams.

Cube Pattern Background

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Arctic Background

A winter-themed background with animated aurora borealis effects, falling snowflakes, and a snowy landscape.

Arctic Background

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Twinkling Stars Background

An animated background with twinkling stars, perfect as a base layer for space-themed streams.

Stars Background

📄 Documentation | ⬇️ Download ZIP | 🔍 Live Demo

Getting Started

Quick Start Options

Option 1: Download and Use Locally (Recommended)

Download the ZIP file for your chosen overlay or background.
Extract and use locally for full customization capabilities.
Stable version that won’t change unexpectedly.

Option 2: Use Live Demo Links Directly

Copy the Live Demo URL and paste it into OBS as a browser source.
No download required, but customization isn’t possible.
Requires internet connection while streaming.
Subject to change if the repository is updated.

Check out the installation guide for complete instructions on both methods.

Customization

See the customization guide for details on how to modify the overlays to match your stream’s aesthetic. Note: Customization is only possible with locally downloaded files, not with the Live Demo links.

Contributing

Contributions are welcome! See the contribution guide for guidelines on how to contribute to this project.

License

This project is licensed under the MIT License - see the LICENSE file for details.