Stream Clock Widgets - 20 OBS Clock Designs (Analog, Neon, Pixel, Kanji...)

Twenty clock designs for your stream overlay. Each one drops onto an OBS
Browser source with a transparent background and shows your computer's
own time.

Single HTML, no install, no account, no licence key, fully offline. Just
double-click the .html you want. Works on Windows AND Mac. English /
日本語 toggle included (auto-detected from your browser, or set ?lang=).

======================
THE 20 DESIGNS (one design per file)
======================
ROUND DIALS - 7 (four of them hand-driven analog clocks)
- analogclassic .. classic analog face, white dial and indices
- analogminimal .. hairline minimal analog
- luxurywatch .... dark & gold luxury watch, smooth sweeping seconds
- pocketwatch .... roman numerals, brass case, sub-second dial
- rotaryring ..... concentric rings for hours / minutes / seconds
- bloomclock ..... petals that open with the time
- radarsweep ..... radar sweep dial

DIGITAL & DECORATIVE - 13
- wordclock ...... words light up on a letter grid (a different grid per language)
- kanjiclock ..... vertical kanji numerals
- dotmatrix ...... LED dot-matrix board
- binaryclock .... binary lamps with a small decimal readout
- lcdretro ....... retro LCD wristwatch panel, weekday blocks
- neonsign ....... neon tube sign, blinking colon
- aquarium ....... underwater scene with bubbles, fish and light shafts
- sakura ......... vertical banner with falling cherry petals
- pixelclock ..... pixel-art game UI window
- vaporwave ...... grid horizon and sun
- steampunk ...... brass plate, turning gears, nameplate
- pastelbubble ... soft pastel bubbles
- marbleplate .... marble plate with foil-stamped numerals
Everything is drawn in code - no images, no video, no web fonts.

======================
PUTTING IT IN OBS
======================
- Add a Browser source, tick "Local file", point it at the .html you want
- The background is already transparent, so it layers straight onto your
scene (no black box)
- Resizing the browser source keeps the design centred; use ?scale= to
change how big it is drawn

======================
URL PARAMETERS (the same set works on all 20)
======================
Add them after the file name, joining the second one onward with &.
e.g. neonsign.html?theme=cyan&format=12&date=on&scale=1.4

- ?theme= ..... colour set (4 per design; wordclock has 5 - see below)
- ?scale= ..... size, 0.3 to 4 (default 1)
- ?lang= ...... en / ja (auto-detected from your browser if omitted)
- ?format=12 .. 12-hour clock (24-hour is the default)
- ?sec=off .... hide seconds
- ?date=on .... show the date (Jul 23, 2026)
- ?day=on ..... show the weekday (FRI)
- ?title= ..... heading text (hidden when omitted or empty)
Note: wordclock spells the time out ("HALF PAST SIX"), so ?format= does
nothing there - it is a 12-hour phrasing by nature.

THEMES PER DESIGN
- analogclassic . ivory / noir / navy / mint
- analogminimal . white / ink / coral / gold
- luxurywatch ... gold / silver / rose / green
- pocketwatch ... brass / copper / silver / midnight
- rotaryring .... aqua / sunset / forest / mono
- bloomclock .... peach / violet / aqua / night
- radarsweep .... green / amber / cyan / rose
- wordclock ..... warm / mint / rose / ice / paper
- kanjiclock .... washi / sumi / ai / sakura
- dotmatrix ..... amber / red / green / cyan
- binaryclock ... emerald / amber / ice / violet
- lcdretro ...... lcd / olive / blue / pink
- neonsign ...... pink / cyan / lime / gold
- aquarium ...... lagoon / deep / sunset / moss
- sakura ........ sakura / yozakura / matcha / kinari
- pixelclock .... gb / nes / candy / dark
- vaporwave ..... classic / sunset / mint / noir
- steampunk ..... brass / copper / iron / verdigris
- pastelbubble .. mint / peach / lavender / sky
- marbleplate ... white / black / green / rose

======================
NOTES
======================
- Code-drawn, no image assets - tiny and fast. No internet needed and
nothing is sent anywhere
- No install, no account, no licence key
- Works on Windows AND Mac, in the browser
- Tested on current Chrome / Edge
- No fonts are bundled; text is drawn with the fonts on your machine
- The clock reads your computer's own time (there is no time-server sync)
- Use it freely in streams and videos (commercial use OK, see TERMS.txt)

INCLUDED
- 20 .html designs (each one runs on its own)
- READ ME FIRST (English).txt / はじめにお読みください.txt
- TERMS.txt / 利用規約.txt

FOR: streamers who want a clock on screen - just chatting, work-along
streams, starting-soon scenes, long-haul streams - and who would rather
not install anything or type in a licence key.

The stream layout in the screenshots is a sample for illustration.

Found a bug or want a feature? Message me.