Steampunk Camera Frame Overlay for OBS with Built-In Count-Up Timer

Steampunk Camera Frame Overlay for OBS

I designed this Steampunk Camera Frame Overlay for OBS Studio to give my streams a cinematic, industrial personality without overcomplicating my scene setup. It’s a broadcast-ready Browser Source overlay that features a solid metal bezel and a transparent inner cutout, so my camera fits perfectly behind the frame. The result is a clean, immersive look inspired by brass machinery, iron textures, mechanical gears, and vintage engineering aesthetics.

Instead of relying on static PNG frames, I wanted something dynamic and configurable. This overlay loads as a local HTML file in OBS and behaves like a lightweight web interface layered above my camera. The center remains fully transparent, ensuring that my webcam feed is not obstructed, cropped incorrectly, or visually degraded. Everything is optimized for clarity, performance, and professional presentation.

Built-In Functional Count-Up Timer

One of the most practical features I included is a fully integrated count-up timer. The timer is embedded directly into the steampunk HUD and starts automatically when the overlay loads. That means the moment I go live or begin recording, the timer begins tracking elapsed time without any additional plugins or manual triggers.

The timer displays in a high-precision HH:MM:SS.mmm format, making it ideal for live broadcasts, podcasts, speedruns, competitive sessions, interviews, and timed events.

I can configure the starting value directly inside the config.json file. This is useful when I need to resume a session, synchronize with an external event schedule, or maintain continuity across multi-part streams. Since the timer is integrated into the overlay itself, it always remains visible and stylistically consistent with the industrial HUD design.

Steampunk Design and Visual Identity

The visual direction focuses on realism and mechanical depth. I wanted the frame to feel like a heavy, forged metal camera housing rather than a flat graphic. The bezel includes rivets, bolts, reinforced corner brackets, and textured edges that simulate worn brass and aged iron. Subtle abrasion along the inner edge gives it an authentic industrial finish.

To avoid a static appearance, the overlay incorporates animated mechanical gears that rotate continuously in the background. These elements add motion and dimensionality without distracting from the camera feed. I also integrated subtle smoke and spark effects to enhance the steam-powered aesthetic while keeping CPU and GPU usage efficient.

A REC-style indicator light completes the broadcast look, reinforcing the on-air identity and adding a subtle psychological cue that the session is live.

How I Use It in OBS Studio

Setting up the overlay inside OBS Studio is straightforward and does not require additional plugins:

First, I add a Browser Source to my scene. Then I enable the Local File option and select the overlay’s HTML file. After that, I place my camera source underneath the overlay layer. Because the center is transparent, my webcam feed appears perfectly framed by the metal bezel. The layering system in OBS handles the rest.

If I want to adjust styling or behavior, I simply edit the config.json file. There is no need to modify the HTML structure unless I want deeper customization.

Configuration and Customization

I built this overlay to be flexible across different stream layouts and brand identities. The configuration file allows me to modify frame size, bezel thickness, and color themes. Whether I prefer brass, copper, iron, or a fully custom palette, I can adapt the visual tone to match my channel branding.

The HUD label text is also editable, allowing me to display stream status messages, show titles, or event names. I can control animation intensity as well, reducing or increasing gear motion and particle effects depending on performance needs or aesthetic preference.

Who This Overlay Is For

This steampunk camera frame is ideal for streamers and content creators who want a strong industrial broadcast identity. It works particularly well for podcasts, talk shows, themed gaming streams, roleplay content, and live events where a visible count-up timer improves clarity and professionalism.

I created it to be reusable across multiple scenes and shows. By adjusting the configuration file, I can re-theme or resize the frame instantly without rebuilding anything. That makes it a practical long-term asset rather than a one-time visual experiment.

If you are looking for a premium OBS camera overlay with built-in functionality, mechanical animation, and full configuration control, this Steampunk Camera Frame Overlay delivers both visual impact and operational reliability in a single, streamlined package.