Multi-Terminal Console

A web-based multi-terminal console for running multiple Claude Code instances simultaneously. Perfect for monitoring and managing multiple AI coding sessions at once.

Features

• Multiple Terminals: Run up to 16 terminals simultaneously (1x1, 2x2, 3x3, 4x4 layouts)
• Real Terminal Experience: Full PTY support - works exactly like your native terminal
• Claude Code Ready: Each terminal can run Claude Code independently
• Responsive Layout: Terminals auto-resize to fit your screen
• Keyboard Shortcuts: Quick navigation between terminals
• Control Panel: Clear or restart all terminals with one click

Quick Start

Prerequisites

• Node.js >= 16
• npm or yarn

Installation

# Install dependencies
npm install

# Start the server
npm start

Usage

1. Open your browser and go to http://localhost:3000
2. You'll see a 3x3 grid of terminals (default)
3. Click on any terminal to focus it
4. Type claude to start Claude Code in that terminal
5. Repeat for other terminals as needed

Keyboard Shortcuts

Shortcut	Action
Ctrl+Shift+N	Focus next terminal
Ctrl+Shift+P	Focus previous terminal

Configuration

Change Port

PORT=8080 npm start

Change Default Layout

Edit public/index.html and change the selected option in the layout selector.

Project Structure

multi-terminal-console/
├── server/
│   └── index.js          # Express + WebSocket + node-pty server
├── public/
│   ├── index.html        # Main HTML page
│   ├── css/
│   │   └── style.css     # Styles
│   └── js/
│       ├── terminal-manager.js  # Terminal instance management
│       └── app.js               # Main application logic
└── package.json

Tech Stack

• Backend: Node.js, Express, WebSocket (ws), node-pty
• Frontend: xterm.js, vanilla JavaScript
• Styling: CSS Grid, CSS Variables

Use Cases

• Run multiple Claude Code sessions for different projects
• Monitor multiple long-running tasks
• Compare AI responses side by side
• Parallel development workflow

License

MIT