cyberdesign

A cyber/terminal design system — neon glow, CRT scanlines, augmented clip-path panels, JetBrains Mono. Used across our other projects, and built for anyone who wants their UI to look like a control room instead of a spreadsheet. CSS tokens and components, thin React bindings, full Storybook.

Browse components View on GitHub

Explore

Storybook

Every component, every variant, with live controls.

Token harness

Full CSS bundle, all components, live theme toggle — no build step.

Neuromancer console

A full-screen composed security console built entirely from the kit.

What it is

60+ components — forms, overlays, navigation, charts, terminal & HUD families
Five accent themes, class-switched on <html>: orange, cyan, green, red, steel
JetBrains Mono throughout; augmented clip-path corners instead of border-radius
Pure CSS core (cyberdesign) + thin React bindings (react-cyberdesign)
MIT licensed

Themes

orange cyan green red steel