← Dachi — Streaming Overlays project

Streaming product

Dachi, broken down.

Live co-working & chess overlays for Twitch and OBS — graphics a streamer drops onto a broadcast as a single browser source, no install. This page takes apart the idea and the design constraints an overlay has to live within. Production captures and the exact framework come from the build (dachi.gg).

In my words

What it is

Dachi is a small streaming product I build, live at dachi.gg. It ships two overlay modes — a co-working overlay for focus/body-doubling streams, and a chess overlay for chess content — both of which a creator adds to OBS (or any Twitch-facing setup) as a browser source: one URL, pasted in, no download.

That delivery model is the whole design brief. An overlay isn't an app you look at directly — it lives on top of someone else's stream, over gameplay or a webcam, for hours. So the design problem isn't “make a nice screen,” it's “make a graphic that stays legible, calm, and on-brand on top of anything, for a long time.”

Type
Browser-source overlay
For
Twitch / OBS streamers
Modes
Co-working · Chess
Live
dachi.gg

The chrome

Repeating components, named

The pieces an overlay tool ships — each one a browser source the streamer composites into a scene.

Chess overlay
A live board + move state, sized to read at stream bitrate over a busy scene.
idlelive gamecheck
Co-working overlay
Shared focus/presence for body-doubling streams — quiet, glanceable, non-distracting.
Browser-source URL
The delivery: one link added to OBS as a browser source. No install, updates itself.
Theming
Brand-neutral by default so any streamer's scene absorbs it; accent + layout adjustable.

What it took

Built with

A browser-source overlay is a web app by definition — it renders in OBS's embedded browser. Exact framework confirmed from the build.

HTML5CSSJavaScriptFigmaOBS browser sourceTwitch

Related work

The esports thread

Dachi grows out of years of gaming-community work.

QLeague monogramDominican-American Gamers Meet — poster

The field's terms

How streamers actually talk about this

The vocabulary an overlay has to fit into.

Browser source
An OBS input that renders a web URL as a layer in the scene — how overlays get on-screen.
Scene
A composited layout (game + cam + overlays) the streamer switches between.
Lower third
The bottom strip of the frame — prime overlay real estate that must not cover gameplay.
Body-doubling
Co-working streams where people work “alongside” each other on camera — Dachi's co-working mode.

Dachi is a live product by Leonel Gomez (dachi.gg). The description and design constraints here reflect what the product is (co-working + chess overlays for Twitch/OBS) and how browser-source overlays work in general; production screenshots and the exact framework/stack are being added from the live build rather than reconstructed.