Raxol Interactive Demos

29 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

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

Tabs

Basic

Tab bar with keyboard switching and content panels

Navigation

SplitPane

Intermediate

Resizable split pane with direction toggle

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

REPL

Advanced

Interactive Elixir REPL with sandboxed evaluation

Input