ВАЙБКОДИНГ/ STUDIO
FREE FULL STREAM KIT / MIDNIGHT SIGNAL

Study streams.
After dark.

A quiet cyberpunk studio for streams and shared work sessions. Run focus cycles, track three goals, and take a proper break — all offline.

↓ Download the full kit freeExplore the kit
●   LIVE DESIGN PREVIEWSTARTING SOON / 1920 × 1080
6 stream elementsOffline desktop editorNo subscription or API keyEN + UA instructions
DESIGNED TO WORK TOGETHER

One atmosphere.
Every intermission.

01—03

Three full-screen scenes

Starting soon, be right back and ending. Editable headlines, channel name and social handle.

04—05

Two transparent elements

A camera frame and a separate countdown. Layer them over your own content.

STUDIO

Edit locally. Export one file.

Pick a scene, set a color and download a standalone HTML. Artwork travels with your export.

06 / FOCUS ROOM

Work together. Rest together.

Work/break cycles, adjustable rounds and three checkable goals. Keyboard control, English or Ukrainian labels, and optional ambient motion.

THE SETUP

From download
to your scene.

  1. Extract the ZIP and open START-HERE.html on your computer.
  2. Customize the scene and download your HTML file.
  3. In OBS, add a Browser Source, enable Local file and select it.

Full scenes: 1920 × 1080. Camera: 960 × 540. Timer: 960 × 220. Use 30 FPS. The countdown starts when loaded; refresh-on-active restarts it. No automatic scene switching.

Browser-source workflow follows OBS documentation ↗. Actual OBS compatibility testing is still pending. Browser-tested; please test your setup before broadcasting.

PICK YOUR SESSION

For a real task.

Use 25/5 for a short study session or 50/10 for a coding, drawing or animation stream. Enter three concrete goals, choose 1–8 rounds, then export the focus scene. These are optional session lengths, not a promise of improved productivity.

The last work round ends the session without another break. Reloading resets the timer and checked goals. There is no viewer task sync, remote control, sound or chat integration. Keep the Browser Source loaded to preserve the current session.

Інструкція для OBS українською →

AVAILABLE NOW: ALL SIX ELEMENTS

Your next stream starts here.

The full download includes all six elements, the offline editor and EN/UA instructions. Free for your own personal or monetized streams. No signup, purchase or API key required.

Download full kit · ZIPOpen full studioNo signup required. No order or payment is taken on this page.

Made something with it?

A mention in your stream description helps other creators find this free kit. Credit is appreciated, never required.

Free stream scenes: Midnight Signal by Vibe Coding — vibe-coding.com.ua/midnight-signal

Before you download

Is this a video file, a plugin or a subscription?

It is a set of HTML browser sources, with a local HTML editor. No plugin installation, subscription or AI API key. The city is a still illustration with subtle code-based motion, not an animated video.

Does it include chat, donation alerts or a VTuber?

No. This collection contains scenes, a camera frame, a countdown and a focus room. It does not connect to accounts or include a character, sound or Live2D rig.

Can I use the free timer in a monetized stream?

Yes. The included license allows use and modification in your own broadcasts. Redistribution or resale of the source files is not permitted.

Was AI used?

The original city illustration was generated with AI. The interface, timer and ambient effects are implemented in code. No exclusive rights in AI-generated imagery are promised.

What has been tested?

JavaScript syntax, timer progression, pause/resume, restart, export escaping and absence of remote dependencies have automated checks. Browser visuals and keyboard controls have been checked. A real OBS installation remains untested; the free sample lets you evaluate your own setup.

Героїня Вайб-КодингуMidnight Signal — оформлення стриму в нічному кіберпанк-стилі

Комплект: три сцени, прозора рамка камери, таймер і Focus room — цикли роботи та перерв із трьома цілями для спільної роботи в ефірі. Ім’я, текст, акцент і тривалість можна налаштувати без програмування. Уже доступний безкоштовний таймер: розпакуйте архів, відкрийте HTML та збережіть свій варіант для OBS.

Повний комплект безкоштовний. Завантажте всі сцени й редактор у статті українською. Реальний запуск у OBS ще не підтверджено.