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

Form Builder

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

Demo

Features

Clack-style guide bar flow with diamond/circle symbols
Multi-step groups with progress dots
5 field types: select, input, multiselect, confirm, note
Inline validation with error states
Summary review before submission
Tab/Shift+Tab for field navigation
Card container with rounded borders

Keybindings

tab / shift+tab - Navigate between fields
enter - Confirm and advance
j/k or up/down - Select options
space - Toggle multiselect
y/n - Quick confirm
left/right - Toggle confirm value

Diff Viewer

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

List

Component browser with fuzzy filtering, multi-select, category badges, and viewport scrolling.

On this page