README

Scrolling Terminal

A cinematic terminal replay library for Claude Code conversations. Replay AI conversations with typewriter animations, syntax-highlighted code blocks, and multiple visual themes.

Claude Code Theme

Features

Typewriter animation - Character-by-character text reveal with blinking cursor
7 visual themes - Claude Code, Matrix, Cyberpunk, Synthwave, Muted, Dark, Classic
Code syntax highlighting - Prism-based highlighting with fast code block rendering
Playback controls - Play/pause, speed (0.5x-2x), reset, message counter
Keyboard navigation - Space/Enter to advance, arrow keys, P to pause, R to reset
CRT & glitch effects - Optional scanlines, screen curvature, and chromatic aberration
Auto-scroll - Smooth scroll-to-bottom with user scroll detection
Responsive - Full-screen terminal layout

Quick Start

bash

npm install
npm run dev

Open http://localhost:5173 in your browser.

Build

bash

npm run build
npm run preview

User Guide

See the full User Guide for detailed usage instructions, keyboard shortcuts, theme customization, and how to load your own conversations.

Tech Stack

React 19 + TypeScript
Vite
Framer Motion + React Spring
Tailwind CSS 4
React Markdown + React Syntax Highlighter
Zustand

License

ISC