Experiments

Terminal UI

Terminal-style design system with Matrix and TRON themes, Konami code integration, and micro frontend support. Published on npm as @jonmatum/terminal-ui.

evergreen#react#design-system#typescript#npm#tailwind#retro#terminal

What it is

A terminal-style design system with Matrix (green) and TRON (cyan) themes, Konami code integration, and React components with TypeScript. Published on npm as @jonmatum/terminal-ui.

Includes components like ThemeProvider, Button, Card, Input, and Text, plus hooks like useTheme and useKonami.

Features

  • Dual theme system — Matrix (neon green) and TRON (cyan)
  • Konami code — up up down down left right left right B A to toggle themes
  • Terminal aesthetics — monospace fonts, glow effects, and retro styling
  • TypeScript first — full type safety
  • Micro frontend ready — perfect for app shell architectures
  • Fast builds — tsup + esbuild

Why it matters

Explores how a design system can have personality without sacrificing functionality. The Matrix and TRON themes demonstrate that design tokens and CSS custom properties enable radical visual transformations while maintaining the same component API.

References

Experiments