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

System Monitor

A live system monitor dashboard with animated progress bars and sortable process list

Demo

Click the terminal below to focus it, then use the keyboard to interact.

Features

Live updates every second with simulated CPU, memory, disk, and network stats
Progress bars that change color based on usage (green, yellow, red)
Sortable process list by CPU, memory, or name
Pause/resume updates with p

Keybindings

p pause/resume
c sort by CPU
m sort by memory
n sort by name

Style System

Lip Gloss-inspired styling DSL for terminals with borders, text decorations, colors, and layout composition

Tabs

Tab bar with closable tabs, overflow scrolling, and keyboard-driven navigation for a code editor experience

On this page