>_ @laddtnov/cyberpunk-ui

CYBERPUNK-UI

deep space observatory

Theme playground

One property per colour. Glows are mixed from the same token with color-mix(), so a hue change carries its glow with it.

Buttons

>_ ENTER ABORT GHOST SECONDARY DANGER

Text glow

NEON CYAN NEON PINK NEON GOLD

Holo cards

Galaxy Map

Click-to-travel navigation across a spinning canvas universe.

Void Sector

Black holes, supermassive stars, and cosmic voids.

Navigation

Page owns the column width — the sidebar sets none, so this row can wrap it to full width when there is no room beside it. The current item is marked with aria-current, and that attribute is what styles it.

Reactor readings
Node Output Status
Core A 982 TW LIVE
Core B 431 TW DEGRADED
Coolant — OFFLINE

Containers

Orbital mechanics
Native <details>, so the keyboard already works — Enter and Space toggle, and the open state is the element's own.
Reactor status
Starts open with the open attribute. The chevron turns to report the state, so it keeps turning under reduced motion — only the tween is dropped.
~/night-city — ssh
$ npm i @laddtnov/cyberpunk-ui
+ @laddtnov/cyberpunk-ui@0.9.0
$ _
A cyberdeck is the rig you jack in with. Everything on this page is styling only — this panel is a native popover.

Confirm jack-in

Native <dialog> brings the focus trap, the Esc key and the top layer. The kit only paints it.

Forms

As it should appear publicly.
Enter a valid address.
Required — stays calm until you leave it empty or malformed.

Feedback

Connection established. Upload complete.
NEW LIVE BETA DOWN v0.2
Loading…
Package published.