DEADGRID: Dirty Cyberpunk RPG UI Kit

DEADGRID: Dirty Cyberpunk RPG Interface Kit

A complete dark, dystopian, industrial cyberpunk UI for an RPG, built as plain HTML, CSS and JavaScript. Not a game: it's an interface kit you can reskin and drop into your own project, and the demo below is playable in your browser so you can try every screen first.

What you get when you buy: the full, commented source (HTML, CSS, JS), the SVG body schematic and icon set, the screen-effect layer (scanlines, noise, tearing, instability) and a README on how to wire it to your own game data.

Free to try: the browser demo on this page.

---

An interactive UI concept for a dark, brutalist cyberpunk RPG. No glossy neon: this is black markets, corporate surveillance, cheap implants and flickering terminals. Every screen is live and clickable in your browser.

Controls: keys 1–9 (or F1–F9) switch screens, Esc toggles the HUD. Best in fullscreen.

• HUD: edge-anchored vitals with a segmented BIO bar, trauma map, per-region armor, status effects (BLEED, TOX, EMP, BURN, TRACE, OVERHEAT) and cyberware indicators. The weapon panel changes with the gun: pristine corporate targeting, cracked salvaged firmware, or crude gang software. Fire, reload, swap, take hits, stim.
• Combat targeting: threat analysis that gets deeper with your optic tier. Weak points, cyberware signatures, electronic vulnerabilities.
• Character: medical scan × criminal dossier × maintenance terminal. Click implants on the body for manufacturer, condition, power, mods and illegal firmware.
• Cyberware: a back-room ripperdoc terminal. Install implants and watch neural load push the whole interface toward instability: tearing, duplicated text, corrupted diagnostics, abnormal biometrics.
• Inventory: a loadout and smuggling manifest with legality, provenance, scratched serials and contraband flags.
• Jobs: corporate contracts, hacked gang messages, redacted military directives, black-market jobs with missing data, bounties and personal requests, each with its own look.
• Map: a city-scale surveillance system with toggleable data layers, red interference zones and corrupted sectors. Drag to pan, wheel to zoom.
• Comms: dialogue that changes with the channel: in person, radio, encrypted, unknown caller, corporate, hacker. Skill-tagged and locked choices.
• Netrun: an intrusion screen that replaces the RPG layer. Breach nodes, avoid ICE, run daemons (Q/W/E/R) and beat the trace.

Plain HTML, CSS and JavaScript. All corporations and factions are fictional.