Introduction Getting Started

Agent Workflow Chat Flow Charts Code Block Code Review ColorPicker Command Palette DataTable Diff Viewer Diff Viewer (Split)Diff Viewer (Unified)Diff Viewer (Git)FilePicker Form Builder Fuzzy Finder Help Bar Intro List Log Viewer Markdown Renderer Model Benchmark Modal MultiSelect PackageManager Paginator Permission Gate Pomodoro Timer Progress Space Spinner Splash Split Panes Spring Animation Stopwatch Streaming Chat Style System System Monitor Tabs Task List TextArea TextInput Timer Token Usage Tree View Viewport

Components

Stopwatch

High-precision stopwatch with large digit display and lap tracking, inspired by Charm's bubbles/stopwatch

Demo

Click the terminal below to focus it.

Features

High-precision timing — uses requestAnimationFrame for smooth centisecond display
Large digit display — block characters render time in a prominent 3-row format
Lap tracking — record split times with best/worst lap highlighting
Color coding — green for best lap split, red for worst lap split
Lap viewport — most recent 6 laps shown with overflow indicator

Keybindings

space start/stop
l record lap
r reset

Spring Animation

Harmonica-inspired physics-based spring animations for smooth, natural motion in the terminal

Streaming Chat

AI conversation interface with token-by-token streaming, tool calls, and message history

On this page