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

ColorPicker

Interactive hex color picker with menu navigation and live preview

Demo

Click the terminal below to focus it.

Features

Two-state UI — menu selection mode and hex input mode
Live preview — color swatch updates as you type hex values
Hex validation — validates #RRGGBB format before applying
Three targets — change foreground, background, or cursor color independently

Keybindings

Menu Mode

j/k or ↑/↓ navigate menu
enter edit selected color

Input Mode

Type hex color (e.g. #ff00ff)
enter submit color
esc cancel and go back

Code Review

AI-powered code review with inline annotations, severity badges, suggested fixes, and accept/dismiss workflow.

Command Palette

Command palette with fuzzy search, categorized results, and keyboard shortcuts, inspired by VS Code and kbar

On this page