Component theme

Terminal

9 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• Shell SessionSimulates a looping shell session: commands type out character-by-character with a blinking cursor, then output lines appear, then the next command begins.
• Resource MonitorRetro BBS-style system monitor showing 6 CPU core bars and 3 memory rows with ASCII block characters; values drift randomly every 420ms.
• Log StreamSimulates a live server log tail — new entries slide in every 650ms with color-coded INFO/WARN/ERROR/DEBUG levels and real-time timestamps.
• Build RunnerSimulates npm install + build pipeline in a scrolling terminal; packages, lint/compile steps, and file-change events stream in sequence and loop endlessly.
• Network TraceSimulates a live traceroute — hops appear one by one with color-coded latency (green/orange/red); ms values fluctuate after trace completes, then loop.
• Diff ViewerA unified git diff viewer that streams a code review in line by line: a file header with +12/-4 counts, a hunk header, then context/addition/deletion…
• Git GraphAn ASCII git commit graph in a green monospace CRT terminal: box-drawing branch rails (│ ├ └ ╲ ╱ ●) run down the left as commits stream in top-to-bottom,…
• Test RunnerSimulates a watch-mode test runner: spec suites stream in with green PASS ticks, one flaky spec fails red then retries and recovers, a live pass/fail…
• Package InstallA green-on-dark terminal package manager that resolves and fetches invented dependencies, fills four CSS progress bars, prints a ├─ └─ dependency tree…