Raxol Interactive Demos
40 widget demos. Click to try.
Button
BasicInteractive button with click handling
InputTextInput
BasicSingle-line text input with placeholder
InputTable
IntermediateData table with sortable columns and row selection
DisplayProgress
BasicProgress bar with value tracking
FeedbackModal
IntermediateModal dialog with title and content
OverlayMenu
IntermediateSelectable menu with keyboard navigation
NavigationCheckbox
BasicToggle checkboxes with keyboard navigation
InputTextArea
IntermediateMulti-line text editor with insert/normal modes
InputSelectList
IntermediateDropdown select list with keyboard navigation
InputRadioGroup
IntermediateGrouped radio buttons with tab switching
InputPasswordField
BasicPassword input with visibility toggle and strength meter
InputText
BasicText rendering with style variations, ellipsis truncation, line clamping, and pretty wrapping
DisplayTree
IntermediateExpandable tree view with keyboard navigation
DisplayStatusBar
BasicStatus bar with live-updating fields
DisplayCodeBlock
BasicCode display with line numbers and language samples
DisplayMarkdown
IntermediateSimple markdown rendering with raw toggle
DisplayHarness Diff Viewer
IntermediatePre-apply file diff: line-based unified/split view with +/- markers and line numbers
DisplayHarness Transcript
IntermediateAgent-harness transcript blocks: completed message, collapsible reasoning, error
DisplayTabs
BasicTab bar with keyboard switching and content panels
NavigationSplitPane
IntermediateResizable split pane with direction toggle, proportionally sized via {:pct, n}
LayoutContainer
BasicScrollable container with viewport controls
LayoutSparkline
BasicCompact sparkline for inline data trends
VisualizationLineChart
IntermediateStreaming braille-resolution line chart
VisualizationBarChart
BasicBlock-character bar chart with orientation toggle
VisualizationScatterChart
IntermediateBraille scatter plot with animated clusters
VisualizationHeatmap
Basic2D heatmap with color scale cycling
VisualizationCursor Trail
IntermediateAnimated cursor trail with presets
EffectsPanel Highlights
BasicPanel focus highlighting with border styles
EffectsEasing Functions
IntermediateAnimated easing function showcase
EffectsFocus Ring
BasicAccessibility focus ring indicators
EffectsOSC Ambient
IntermediateHost-terminal desktop notification, taskbar progress, and pointer shape
EffectsVirtual FS
IntermediateIn-memory virtual file system with shell-like commands
NavigationREPL
AdvancedInteractive Elixir REPL with sandboxed evaluation
InputSalience Palette
IntermediateH-K salience colour solver: lightness solved per tier against the detected ground
DisplayFlex Layout
Intermediateflex_wrap, align_content, gap, and flex: 1 growth, with min-content flooring
LayoutScroll Anchor
IntermediateViewport overflow_anchor: follow-tail pinning that releases when you scroll up
LayoutHarness Status
IntermediateAgent harness status bar, context/spend meters, activity indicator, advisory feed, and drift gauge
FeedbackHarness Panels
IntermediateRead-only harness projection panels: worktracks kanban, rules (hard vs soft), memory, residual
DisplayHarness Approval
IntermediateAgent-harness approval gate: blast-radius preview and keyboard-driven allow/deny scope choice
OverlayHarness Tool Blocks
IntermediateAgent tool-call/tool-result blocks with a status glyph and an untrusted-output taint badge
Display