Terminal Demo

iOS-compatible xterm.js

Interactive

Testing Instructions

  • 1. Tap the terminal area to activate keyboard on iOS
  • 2. Type info to see device detection
  • 3. Type colors to test ANSI rendering
  • 4. Use the Paste button to test clipboard integration
  • 5. Rotate device to test viewport resize handling
Loading terminal...

Connect to PTY Server

Local works on the machine running the terminal server. From another device, use that machine's address.

Local PTY Server Setup

To connect to a real shell, run the terminal server on your local machine:

# Install dependencies
pnpm terminal:deps
# Start locally, or use terminal:server:lan for phone testing
pnpm terminal:server
# Then connect with URL:
ws://127.0.0.1:3001

For mobile device testing, run LAN mode and replace 127.0.0.1 with your machine's local IP address.

iOS Compatibility Features

✓DOM renderer (no canvas)
✓Hidden textarea keyboard proxy
✓visualViewport resize handling
✓100dvh + safe-area-inset CSS
✓Touch-based paste button
✓Keyboard active indicator
✓Tap-to-focus hint
✓WebSocket PTY support