>_ @laddtnov/cyberpunk-ui

CYBERPUNK-UI

deep space observatory

Theme playground

Every colour writes its -rgb twin too — glows are rgba(var(--cy-*-rgb), α), so a hue that skipped its twin would recolour the borders and leave the glow behind.

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.2.2
$ _

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.