Meridian OS

A browser-based desktop environment designed to live inside a video game. Elegant, restrained, gamer-literate — no AI-slop aesthetics, no emoji stuffing.

Live Demo

git clone https://git.nuri.works/nuri-ai/meridian-os.git
cd meridian-os
./serve.sh           # Starts on http://localhost:8921

Open the URL, type any name to log in, start exploring.

Features

Login screen with persistent session (localStorage)
Six wallpapers — Graphite, Ember, Tide, Vellum, Eclipse, Terminal — with crossfade transition
Window manager — draggable, minimizable, closeable, cascading layout, focus-on-click
Taskbar with launcher, active-app chips, and status bar (user initials, connection dot, live clock)
Widgets tray — clock + date, active apps, achievements
Seven apps:
- Notepad (auto-save, word count)
- Music Player (three tracks, play/pause/seek/volume)
- Terminal (real commands + twelve gamer easter eggs)
- Steam (spoof library with seven titles)
- VS Code (spoof editor with fake TypeScript highlighting)
- Postman (spoof request builder with fake responses)
- Chrome (spoof browser-in-browser with shortcut tiles)
Achievement system — ten achievements across Elden Ring, Call of Duty, and FIFA, unlocked through real usage

Terminal Easter Eggs

Try these in the Terminal app:

Command	Response
`praise_the_sun`	Elden Ring grace quote
`tarnished`	Elden Ring greeting
`try finger, but hole`	Dark Souls message joke
`siuuu`	FIFA celebration
`golazo`	FIFA broadcast line
`wonderkid`	FIFA career-mode regen joke
`dropshot`	CoD hitmarker
`360_noscope`	CoD montage ASCII
`mw2`	Classic callback
`konami`	Cheat code joke
`matrix`	ASCII rain animation

All real commands work too: help, ls, whoami, date, uname, echo, cat, clear, history, achievements, exit.

Architecture

index.html
├─ css/
│   ├─ tokens.css     Design tokens (colors, type, spacing)
│   ├─ reset.css
│   ├─ shell.css      Desktop, taskbar, login, wallpaper
│   ├─ window.css     Window chrome, resize, drag
│   └─ apps.css       Per-app styles (scoped by [data-app])
└─ js/
    ├─ main.js        Entry + app registration
    ├─ core/          state, auth, wm, registry, bus
    ├─ widgets/       clock, active-apps, achievements, wallpaper
    ├─ apps/          notepad, music, terminal, steam, vscode, postman, chrome
    └─ achievements/  catalog + engine

No build step. No frameworks. Vanilla JavaScript ES modules.

Design Tokens

Base: #0f1114 (slate), #1a1d21 (chrome), #252a31 (elevated)
Accent: #d4a24c (amber)
Font: Inter 400 / 500 / 600
Borders: 1px at 6–14% white
No heavy shadows, no neon, no emoji in UI chrome

Built With

This project was built using frontier-planner-mode — a delegation pattern where a frontier model (Opus 4.7) handles architecture and decisions while an on-prem executor (Qwen3.6-35B on MLX) handles heavy token generation. Roughly 93k output tokens of implementation were produced by the executor across three parallel streams while the planner stayed in architect mode.

License

Personal demo. Do what you want with it.

3.3 KiB Raw Permalink Blame History Unescape Escape