EldritchUI Examples

Serve the unzipped folder over HTTP (ES modules do not load from file://) — python -m http.server from the bundle root is enough. Add ?debug=1 to any page for the overlay: layout bounds, hit chain, clip rects, and the perf HUD.

• game-hud.html — the flagship: a complete combat HUD driven by a fake game ticker.
• demo.html — the full interactive showcase: every widget, window, and system.
• starter.html — the smallest complete page: init, one window, one button, one tooltip.
• embed.html — the interface inside a real scrolling page, with destroy/reboot.
• settings.html — a real settings screen: tabs, keybinds with conflicts, apply/revert, persistence.
• inventory.html — item grids and the stacking drag protocol (merge, swap, split, seal).
• trees.html — one dataset through the SkillTree and TechTree skins, plus the raw core.
• dialogs-quests.html — conversations granting quests into a live tracker.
• rich-text.html — the markup sampler: styled runs, inline icons, a live editor.
• juice.html — choreography and echoes: transitions, staggers, the sound map.
• binding.html — the bound ledger: a fake model driving the HUD both ways.
• big-data.html — a log firehose, a 5k-row sorting table, a focusable 10k list.
• meters.html — a wall of live instruments on one fake ticker.
• meta-screens.html — title menu, saves, difficulty, pause, level select, credits.
• tutorial.html — a spotlight-and-coachmark tour of a practice hall.
• world-hud.html — anchored nameplates, offscreen edge markers, a hold-to-claim relic.
• theme-gallery.html — the shipped presets at four couch-distance scales.
• devtools.html — the drop-down dev console and the node-tree inspector.
• strategy-hud.html — marquee selection, command card, build queue, tactical map.
• survival-hud.html — body meters, compass, chest quick-transfer, a cooking campfire.
• mud-hud.html — clickable room prose, a command line, the wounded body doll.
• narrative.html — letterboxed typewriter dialogue, a timed choice, a sanity slider.
• action-hud.html — a weapon wheel whose hit area is the ring, a boss with an enrage clock.
• deckbuilder.html — a fanned card hand dragged onto enemies, browsable mounds, the run map.
• shooter-hud.html — a blooming reticle, pooled hit markers, the directional damage ring.
• social-hud.html — a five-slot party, pooled nameplates, a hold-Tab scoreboard, an emote wheel.
• tycoon.html — profit lines that survive losses, a five-thousand-row ledger, prioritized counsel.
• arcade.html — a tide-pool match board, a hint economy that runs dry, the counting-number tally.
• theming.html — edit tokens live, re-cut the stone, copy the snippet.
• custom-icons.html — register your own icon painters and ability lore.