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

Diff Viewer

Terminal-style unified diff viewer with line numbers, file tabs, and compact mode.

Demo

Features

Unified diff format with +/- line markers
Dual line number gutter (old and new)
Color-coded additions (green) and deletions (red)
Multiple file support with tab navigation
File-level addition/deletion stats
Collapsible unchanged regions
Compact mode showing only changes
Total change summary

Keybindings

f - Next file
↑/↓ - Scroll
d - Toggle compact/full view

Data Table

Service dashboard with 2D cursor navigation, column sorting, row selection, inline filtering, and status indicators.

Form Builder

Multi-step form wizard with guide bars, inline validation, and progressive disclosure. Inspired by clack/prompts design language.

On this page