--:--:--

// SYSTEM ONLINE// net.status :: stable// 0 critical warnings// press ? for command palette// mobile-first, accessible, themable// SYSTEM ONLINE// net.status :: stable// 0 critical warnings// press ? for command palette// mobile-first, accessible, themable

ui.showcase

NIGHT_CITY UI

Cyberpunk-themed component kit. HTMX-first for server sync, Alpine for local interactivity, mobile-first and themed end-to-end through Tailwind tokens.

ONLINE BUILDING IDLE

Foundations

tokens, type & signature effects

std

--color-std

panel

--color-panel

--color-fg

primary

--color-primary

accent

--color-accent

error

--color-error

success

--color-success

warning

--color-warning

info

--color-info

border

--color-border

muted

--color-muted

GLITCH

FLICKER ON

▌ awaiting input_

neon_border.active

animated edge

typography

DISPLAY / GLITCH

HEADLINE / NEON

Body lead — TL 500 for interface chrome.

Body — default leading-relaxed. The quick brown netrunner jacks into the ICE. 0123456789.

mono — terminal, metadata, code paths

SYSTEM.FLICKER.ACTIVE

input_stream

Navigation

navbar, drawer, tabs, pagination

overview panel

spec panel

activity panel

Actions

buttons, groups, fab, spinner, skeleton

LOADING…

Text Inputs

input, textarea, search, stepper, password, otp, tags, file

OPERATOR NAME // 3-24 chars // alphanumeric

WITH ERROR (alpine)

QUANTITY

BRIEF /280

PASSWORD

entropy:

NETWATCH CODE otp

Selection

checkbox, radio, switch, droplist, chips, range, combobox

FILTERS

FIXERS

Feedback

progress, alerts, badges, rating, toasts

DOWNLOAD 62%

LIVE FEED indeterminate

UPTIME

74%

24h

NEWBETAFAILOK

online pending offline

FYI

Night City weather: acid rain incoming.

DONE

Contract signed with Wakako.

HEADS UP

Max-Tac sweeping Heywood in 12m.

BREACH

Netrunner detected on secure channel.

Overlays

modal, drawer, menu, tooltip, accordion, cmd+k

what is this?

Every input that needs server state exposes PostURL/GetURL + TargetID props mapping to hx-post/hx-get / hx-target.

Core forms submit via HTMX (progressive). Only the flashy bits need Alpine.

All interactive widgets ship focus rings, ARIA roles, and keyboard handlers.

Data Display

stats, table, activity, timeline, cards

Eddies

1.2M

+12%

Contracts

Latency

12ms

-2ms

Incidents

ID	OPERATOR	DISTRICT	STATUS	PAYOUT
0x01	V.	Watson	ACTIVE	€$ 15,000
0x02	Jackie	Heywood	DONE	€$ 9,400
0x03	Judy	Watson	PENDING	€$ 3,250
0x04	Panam	Badlands	ACTIVE	€$ 22,100

less more

08:02
Contract accepted
Wakako forwarded the brief.
09:41
Breach detected
IC on sub-7 spotted.
11:20
Payout cleared
€$ 22,100 credited.

// afterlife

ROGUE AMENDIARES

tier S trust 92%

// heywood

DEXTER DESHAWN

tier A trust 41%

// heywood

PADRE

tier A trust 78%

NO CONTRACTS

// no active contracts in this district. try another fixer.

FIND FIXER

Composed Forms

NAME

THEME

Dark Light

Newsletter

review your input, then submit.

I accept the ToS