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.
What it is
A terminal-style design system with Matrix (green) and TRON (cyan) themes, Konami code integration, and React components with TypeScript.
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 Ato 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
- GitHub Repository — jonmatum, 2025. Source code and documentation.