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

Context Window Data Table Diff Viewer Form Builder List Multi Select Paginator Permission Prompt Progress Select Stopwatch Streaming Chat Tabs Text Area Text Input Timer Tool Call

ComponentsModern

Stopwatch

High-precision stopwatch with big block-character time display, lap tracking, and best/worst split highlighting.

Demo

Features

Large block-character time display (MM:SS.CC)
High-frequency animation using requestAnimationFrame
Lap recording with split and total times
Best lap highlighted in green, worst in red
Scrollable lap history (6 most recent visible)
Status indicator (Running/Paused/Ready)
Color-coded display matching state
Clean separator between time and laps

Keybindings

space - Start/stop
l - Record lap (while running)
r - Reset (while stopped)

Select

Single-option selector with guide-bar flow, grouped options, inline filtering, and confirmation view.

Streaming Chat

AI conversation interface with streaming token output, typing indicators, and markdown rendering.

On this page