Raxol Component Gallery

29 interactive terminal UI components -- open playground

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

Button

Basic

Interactive button with click handling

input interactive click
Try Live Code

TextInput

Basic

Single-line text input with placeholder

input form text
Try Live Code

Table

Intermediate

Data table with sortable columns and row selection

data display sorting rows
Try Live Code

Progress

Basic

Progress bar with value tracking

feedback loading progress
Try Live Code

Modal

Intermediate

Modal dialog with title and content

overlay dialog focus
Try Live Code

Menu

Intermediate

Selectable menu with keyboard navigation

navigation keyboard selection
Try Live Code

Checkbox

Basic

Toggle checkboxes with keyboard navigation

input form toggle
Try Live Code

TextArea

Intermediate

Multi-line text editor with insert/normal modes

input form text multiline
Try Live Code

SelectList

Intermediate

Dropdown select list with keyboard navigation

input form dropdown select
Try Live Code

RadioGroup

Intermediate

Grouped radio buttons with tab switching

input form radio group
Try Live Code

PasswordField

Basic

Password input with visibility toggle and strength meter

input form password security
Try Live Code

Text

Basic

Text rendering with style variations

display text style
Try Live Code

Tree

Intermediate

Expandable tree view with keyboard navigation

display tree hierarchy navigation
Try Live Code

StatusBar

Basic

Status bar with live-updating fields

display status bar info
Try Live Code

CodeBlock

Basic

Code display with line numbers and language samples

display code syntax
Try Live Code

Markdown

Intermediate

Simple markdown rendering with raw toggle

display markdown text rendering
Try Live Code

Tabs

Basic

Tab bar with keyboard switching and content panels

navigation tabs panels
Try Live Code

SplitPane

Intermediate

Resizable split pane with direction toggle

layout split pane resize
Try Live Code

Container

Basic

Scrollable container with viewport controls

layout container scroll viewport
Try Live Code

Sparkline

Basic

Compact sparkline for inline data trends

chart sparkline inline streaming
Try Live Code

LineChart

Intermediate

Streaming braille-resolution line chart

chart line braille streaming
Try Live Code

BarChart

Basic

Block-character bar chart with orientation toggle

chart bar vertical horizontal
Try Live Code

ScatterChart

Intermediate

Braille scatter plot with animated clusters

chart scatter braille animation
Try Live Code

Heatmap

Basic

2D heatmap with color scale cycling

chart heatmap color grid
Try Live Code

Cursor Trail

Intermediate

Animated cursor trail with presets

effects cursor trail animation
Try Live Code

Panel Highlights

Basic

Panel focus highlighting with border styles

effects panel focus border
Try Live Code

Easing Functions

Intermediate

Animated easing function showcase

effects easing animation curve
Try Live Code

Focus Ring

Basic

Accessibility focus ring indicators

effects focus ring accessibility
Try Live Code

REPL

Advanced

Interactive Elixir REPL with sandboxed evaluation

input repl eval elixir interactive
Try Live Code