Raxol Interactive Demos

40 widget demos. Click to try.

Try the real terminal experience: ssh -p 2222 playground@raxol.io | mix raxol.playground

Button

Basic

Interactive button with click handling

Input

TextInput

Basic

Single-line text input with placeholder

Input

Table

Intermediate

Data table with sortable columns and row selection

Display

Progress

Basic

Progress bar with value tracking

Feedback

Modal

Intermediate

Modal dialog with title and content

Overlay

Menu

Intermediate

Selectable menu with keyboard navigation

Navigation

Checkbox

Basic

Toggle checkboxes with keyboard navigation

Input

TextArea

Intermediate

Multi-line text editor with insert/normal modes

Input

SelectList

Intermediate

Dropdown select list with keyboard navigation

Input

RadioGroup

Intermediate

Grouped radio buttons with tab switching

Input

PasswordField

Basic

Password input with visibility toggle and strength meter

Input

Text

Basic

Text rendering with style variations, ellipsis truncation, line clamping, and pretty wrapping

Display

Tree

Intermediate

Expandable tree view with keyboard navigation

Display

StatusBar

Basic

Status bar with live-updating fields

Display

CodeBlock

Basic

Code display with line numbers and language samples

Display

Markdown

Intermediate

Simple markdown rendering with raw toggle

Display

Harness Diff Viewer

Intermediate

Pre-apply file diff: line-based unified/split view with +/- markers and line numbers

Display

Harness Transcript

Intermediate

Agent-harness transcript blocks: completed message, collapsible reasoning, error

Display

Tabs

Basic

Tab bar with keyboard switching and content panels

Navigation

SplitPane

Intermediate

Resizable split pane with direction toggle, proportionally sized via {:pct, n}

Layout

Container

Basic

Scrollable container with viewport controls

Layout

Sparkline

Basic

Compact sparkline for inline data trends

Visualization

LineChart

Intermediate

Streaming braille-resolution line chart

Visualization

BarChart

Basic

Block-character bar chart with orientation toggle

Visualization

ScatterChart

Intermediate

Braille scatter plot with animated clusters

Visualization

Heatmap

Basic

2D heatmap with color scale cycling

Visualization

Cursor Trail

Intermediate

Animated cursor trail with presets

Effects

Panel Highlights

Basic

Panel focus highlighting with border styles

Effects

Easing Functions

Intermediate

Animated easing function showcase

Effects

Focus Ring

Basic

Accessibility focus ring indicators

Effects

OSC Ambient

Intermediate

Host-terminal desktop notification, taskbar progress, and pointer shape

Effects

Virtual FS

Intermediate

In-memory virtual file system with shell-like commands

Navigation

REPL

Advanced

Interactive Elixir REPL with sandboxed evaluation

Input

Salience Palette

Intermediate

H-K salience colour solver: lightness solved per tier against the detected ground

Display

Flex Layout

Intermediate

flex_wrap, align_content, gap, and flex: 1 growth, with min-content flooring

Layout

Scroll Anchor

Intermediate

Viewport overflow_anchor: follow-tail pinning that releases when you scroll up

Layout

Harness Status

Intermediate

Agent harness status bar, context/spend meters, activity indicator, advisory feed, and drift gauge

Feedback

Harness Panels

Intermediate

Read-only harness projection panels: worktracks kanban, rules (hard vs soft), memory, residual

Display

Harness Approval

Intermediate

Agent-harness approval gate: blast-radius preview and keyboard-driven allow/deny scope choice

Overlay

Harness Tool Blocks

Intermediate

Agent tool-call/tool-result blocks with a status glyph and an untrusted-output taint badge

Display