Experimentos

Terminal UI

Sistema de diseno estilo terminal con temas Matrix y TRON, integración del código Konami y soporte para micro frontends. Publicado en npm como @jonmatum/terminal-ui.

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

¿Qué es?

Un sistema de diseno estilo terminal con temas Matrix (verde) y TRON (cian), integración del código Konami y componentes React con TypeScript. Publicado en npm como @jonmatum/terminal-ui.

Incluye componentes como ThemeProvider, Button, Card, Input y Text, además de hooks como useTheme y useKonami.

Características

  • Sistema dual de temas — Matrix (verde neón) y TRON (cian)
  • Código Konami — arriba arriba abajo abajo izquierda derecha izquierda derecha B A para alternar temas
  • Estética terminal — fuentes monoespaciadas, efectos de brillo y estilo retro
  • TypeScript first — seguridad de tipos completa
  • Micro frontend ready — ideal para arquitecturas de app shell
  • Builds rápidos — tsup + esbuild

¿Por qué importa?

Explora cómo un sistema de diseno puede tener personalidad sin sacrificar funcionalidad. Los temas Matrix y TRON demuestran que los design tokens y CSS custom properties permiten transformaciones visuales radicales manteniendo la misma API de componentes.

Referencias

Experimentos