Box
Flexbox container with border, padding, and background support.
┌─────┐ │ │ └─────┘
Text
Styled text with color, weight, decoration, and wrapping support.
Hello Storm
ScrollView
Scrollable container with imperative scroll and virtual rendering.
│content ▓ │content ░
Spacer
Flexible space that expands to fill available room in flex layouts.
← flex →
Overlay
Z-indexed layer for floating content above the main layout tree.
┌──┐ │▒▒│ overlay └──┘
TextInput
Single-line text field with cursor, selection, and validation.
> type here_
ChatInput
Multi-line chat input with history, mentions, and auto-resize.
> message... > _
SearchInput
Search field with fuzzy matching, debounce, and result highlighting.
[/] search...
MaskedInput
Pattern-enforced input with mask characters and format validation.
###-##-####
Select
Dropdown selector with search, groups, and keyboard navigation.
▸ Option 1 Option 2
MultiSelect
Multi-choice selector with toggle, select-all, and tag display.
[x] A [ ] B [x] C
Checkbox
Toggle checkbox with indeterminate state and label support.
[x] Enabled
Switch
Toggle switch with animated transition and on/off label.
━━●━━ ON
RadioGroup
Radio button group with single selection and keyboard support.
● Option A ○ Option B
Form
Form container with validation, field registration, and submit handling.
Name: ___ Email: ___
Table
Data table with sorting, filtering, column resize, and virtual rows.
┌───┬───┐ │ A │ B │ ├───┼───┤
DataGrid
Rich data grid with cell editing, selection, and copy-paste.
│Name│Age│ │Jon │ 32│
Tree
Hierarchical tree view with expand/collapse and lazy loading.
▸ src/ ├ index └ app
DirectoryTree
File-system tree with icons, file type detection, and selection.
[+] src/ [=] app.ts
VirtualList
Virtualized list rendering only visible items for massive datasets.
▸ item 1 ▸ item 2 ...999
DiffView
Side-by-side or unified code diff with syntax-aware highlighting.
+ added - removed
Calendar
Date picker with month navigation, range selection, and locale support.
Mo Tu We 1 2 3
ListView
Simple scrollable list with selection, highlight, and keyboard nav.
▸ First ▸ Second
Modal
Dialog overlay with focus trap, backdrop, and escape handling.
┌─ Modal ─┐ │ content │ └──────────┘
Tabs
Tab switcher with keyboard navigation and lazy panel rendering.
[Tab 1] Tab 2
TabbedContent
Tab panels with header and content synchronized switching.
[A]│B│C ───────── content
Accordion
Collapsible sections with single or multi-expand mode.
▾ Section content ▸ Closed
Drawer
Slide-in side panel with overlay, push mode, and resize handle.
│▒▒▒▒│ main
SplitPane
Resizable split layout with draggable divider and min/max constraints.
left │ right
Collapsible
Toggle content visibility with animated expand and collapse.
▾ Show hidden
FocusGroup
Focus trap with tab order, wrap-around, and roving tabindex.
[focus zone]
Spinner
Animated loading indicator with 12 built-in spinner types.
⠋ loading...
ProgressBar
Determinate progress bar with percentage, label, and color modes.
████░░░░ 52%
GradientProgress
Progress bar with multi-stop gradient and animated shimmer effect.
▓▓▓▓▒▒░░
Badge
Status badge with dot indicator, variants, and pulse animation.
● Active
Toast
Notification toast with auto-dismiss, stacking, and action buttons.
┌ Success ─┐ │ Saved! │
Alert
Alert box with severity levels, icon, and dismissible option.
/!\ Warning msg
Gauge
Gauge meter with arc display, thresholds, and label formatting.
[████████] 82%
Tooltip
Hover tooltip with positioning, delay, and rich content support.
hover → tip
LineChart
Line graph with multiple series, axes, legends, and live data.
╭─╮ ╭─╮ │ │ │ ╰─╯ │
BarChart
Vertical/horizontal bar chart with stacking, grouping, and labels.
█ █ █ █ █ █ █ █
Sparkline
Inline mini chart for compact data visualization in tight spaces.
▁▃▅▇▅▃▁
Gauge
Value gauge with configurable ranges, colors, and threshold markers.
[████░░] 67%
Heatmap
2D heatmap grid with color ramp, value tooltips, and axis labels.
▓▒░▒▓ ░▒▓▒░
ScatterPlot
Scatter chart with point styling, clusters, and trend lines.
· · · · · ·
Histogram
Distribution histogram with bin count, density, and cumulative modes.
█ █ █ █ █ █
Diagram
Node-edge graph diagram with auto-layout and edge routing.
[A]──[B]
└[C]
Breadcrumb
Path trail with separator, truncation, and clickable segments.
Home > Docs > API
Menu
Menu list with submenus, dividers, shortcuts, and icons.
▸ File Edit View
Stepper
Step indicator with progress tracking, labels, and validation.
● ─ ○ ─ ○
Paginator
Pagination with page numbers, prev/next, and jump-to-page.
‹ 1 2 3 ›
CommandPalette
Cmd+K search overlay with fuzzy matching and action registry.
> search commands
Card
Content card with header, body, footer, and border variants.
┌──────────┐ │ Title │ │ body │ └──────────┘
Heading
Semantic heading with level control, weight, and anchor links.
# Heading
Image
Terminal image renderer with Sixel, Kitty, and iTerm2 protocol support.
┌──────┐ │ IMG │ └──────┘
Gradient
Color gradient text and backgrounds with multi-stop support.
▓▓▒▒░░
GradientBorder
Container with gradient-colored border and rounded corners.
╭──────╮
GlowText
Text with animated glow effect using terminal color capabilities.
* Glow *
Shadow
Drop shadow effect using half-block characters for depth.
┌───┐ │ │░ └───┘░
Separator
Horizontal or vertical divider with label and style variants.
──────────
Tag
Inline label tag with color variants and dismissible option.
[beta]
Timer
Countdown timer with pause, reset, and completion callback.
02:34
RichLog
Scrolling log viewer with level filtering, timestamps, and search.
[INFO] msg [WARN] msg
Stopwatch
Count-up timer with lap recording, split display, and precision.
00:12.4
OperationTree
Agent operation tree with status indicators and live progress.
✓ scan ⠋ analyze ○ patch
MessageBubble
Chat message bubble with avatar, timestamp, and markdown support.
◆ AI response
ApprovalPrompt
Action approval dialog with allow/deny and detail preview.
[Allow] [Deny]
StreamingText
Token-by-token streaming text with cursor and backpressure.
Hello wo▌
SyntaxHighlight
Code syntax highlighting with 50+ language grammars.
const x = 1
MarkdownText
Full markdown renderer with tables, code blocks, and lists.
**bold** text
TokenStream
Token visualization with boundaries, timing, and throughput.
tok1 tok2 tok3
CostTracker
Real-time token usage and cost tracking with budget alerts.
$0.003 · 1.2K
ContextWindow
Context window usage bar with system/user/assistant breakdown.
[████░░] 62%
ModelBadge
Model identifier badge with provider icon and capability tags.
◆ GPT-4