Skip to Content
Demo showcase46-screen catalog

Screen Catalog

All 46 screens in the ftui-demo-showcase crate, with the env-var value you set to jump directly to each one, the category it belongs to, what it actually shows, and which subsystem it exercises.

This is a reference page. Skim for the screen you want, set FTUI_HARNESS_VIEW, and run. For how the showcase is organized, see overview. For the snapshot-test workflow, see snapshot testing.

The FTUI_HARNESS_VIEW column matches the screen module name in crates/ftui-demo-showcase/src/screens/. If you see a screen name with underscores here, use those underscores in the env var — don’t substitute dashes.

Running a specific screen

jump to a screen
FTUI_HARNESS_VIEW=dashboard cargo run -p ftui-demo-showcase

The complete table

Screen nameFTUI_HARNESS_VIEW=CategoryWhat it showsKey subsystem
DashboarddashboardOverviewFull-system demo with animated panels, sparklines, streaming markdown, and an integrated pane workspaceftui-widgets, ftui-layout::pane, ftui-runtime
Widget Gallerywidget_galleryOverviewBrowseable catalog of 80+ widgets with live previewftui-widgets
Advanced Featuresadvanced_featuresOverviewModal stack, focus graph, hyperlinks, time-travel debuggingftui-widgets, ftui-runtime
Layout Lablayout_labLayoutInteractive flex/grid constraint editor with pane workspacesftui-layout, ftui-layout::pane
Layout Inspectorlayout_inspectorLayoutConstraint visualizer over a live widget treeftui-layout
Intrinsic Sizingintrinsic_sizingLayoutFitContent / LayoutSizeHint driven by measured contentftui-layout
Responsive Demoresponsive_demoLayoutBreakpoint-driven reflows across viewport sizesftui-layout
ShakespeareshakespeareTextLong-form paragraph rendering with wrapping and scrollftui-text, ftui-widgets::Paragraph
Markdown Rich Textmarkdown_rich_textTextGitHub-flavored Markdown with headings, tables, code blocksftui-text, pulldown-cmark
Markdown Live Editormarkdown_live_editorTextSide-by-side editor + preview with incremental renderftui-text::Editor, ftui-text::Rope
Advanced Text Editoradvanced_text_editorTextRope-backed editor with cursor/selection/undo coalescingftui-text::Editor, ftui-text::Rope
Table Theme Gallerytable_theme_galleryDataThemed tables with striping, selection, hover, column emphasisftui-style::table_theme, ftui-widgets::Table
Data Vizdata_vizDataCharts and sparklines with min/max markersftui-widgets::Sparkline, charts
Virtualized Searchvirtualized_searchDataFenwick-tree virtualization with Bayesian height predictionftui-widgets::VirtualizedList
Log Searchlog_searchDataFast search over a streaming log paneftui-widgets::LogViewer, search
Forms Inputforms_inputInputText inputs, focus management, Tab/Shift+Tab navigationftui-widgets::Input, focus manager
Form Validationform_validationInputInline validation errors with accessibility hooksftui-widgets, ftui-a11y
Command Palette Labcommand_palette_labInputBayesian fuzzy search with visible evidence ledgerftui-widgets::CommandPalette
Mouse Playgroundmouse_playgroundInputGesture recognition, drag, drop, multi-click timingftui-core::GestureRecognizer
Visual Effectsvisual_effectsVisual FXGray-Scott, metaballs, Clifford attractors, fractals, flow fieldsftui-extras (opt-level=3)
Theme Studiotheme_studioVisual FXLive theme editor with WCAG contrast feedbackftui-style, WCAG contrast
Mermaid Showcasemermaid_showcaseVisual FXTerminal-rendered mermaid diagrams (flowchart, sequence, class)ftui-extras, mermaid renderer
Mermaid Mega Showcasemermaid_mega_showcaseVisual FXExtended mermaid gallery (state diagrams, ER, gantt, etc.)ftui-extras, mermaid renderer
Terminal Capabilitiesterminal_capabilitiesSystemLive capability probe with log Bayes-factor evidenceftui-core::capabilities
PerformanceperformanceSystemFrame timing histograms and throughput metricsftui-render, frame budget
Performance HUDperformance_hudSystemOverlay HUD with live frame-budget gatingftui-render, conformal gate
Determinism Labdeterminism_labSystemReproducibility checker against fixed seedsftui-harness::ShadowRun
Explainability Cockpitexplainability_cockpitDiagnosticsLive view of the evidence ledger across every decision siteftui-runtime::evidence_sink
VOI Overlayvoi_overlayDiagnosticsValue-of-information sampling visualizationBayesian layer (VOI)
Snapshot Playersnapshot_playerDiagnosticsReplay of recorded frame sequencesftui-harness
Accessibility Panelaccessibility_panelDiagnosticsLive a11y tree with role/state/label inspectionftui-a11y
File Browserfile_browserWorkflowDirectory navigator with keyboard and mouseftui-widgets::FilePicker
Kanban Boardkanban_boardWorkflowDrag-and-drop task columns with persistenceftui-widgets, drag/drop
Async Tasksasync_tasksWorkflowProgress panes driven by Cmd::perform futuresftui-runtime::Cmd
NotificationsnotificationsWorkflowToast queue with timed dismiss and stackingftui-widgets::Toast, NotificationQueue
Drag Dropdrag_dropWorkflowDrag handles, drop zones, ghost previewsftui-widgets::DragHandle, gestures
Inline Mode Storyinline_mode_storyAdvancedWalk-through of inline-mode scrollback preservationftui-runtime::ScreenMode::Inline
Hyperlink Playgroundhyperlink_playgroundAdvancedOSC 8 hyperlink emission and link registryftui-render, ftui-widgets::hyperlinks
i18n Demoi18n_demoAdvancedLive locale switching (EN / FR / DE / JA / AR) with BiDiftui-i18n, ftui-text::bidi
Macro Recordermacro_recorderAdvancedRecord and replay input sequences with precise timingftui-runtime, input macros
QuakequakeAdvancedQuake-style pull-down console on a global hotkeyInline mode, focus capture
3D Data3d_data3D / Code3D data views rendered in cell-based spaceftui-extras, VFX rasterizer
Code Explorercode_explorer3D / CodeAST browser for Rust code with navigationftui-widgets::Tree, syntax parser
Widget Builderwidget_builder3D / CodeInteractive widget composition and previewftui-widgets composition
Action Timelineaction_timeline3D / CodeTime-series event aggregation over the runtimeftui-runtime, timeline widget
Notifications (duplicate row was a mistake — there is one Notifications screen)

Some widget-heavy screens overlap in what they show — dashboard and widget_gallery both exercise most widgets, but the dashboard is tuned for “what does a real app look like” while the gallery is tuned for “here is every widget in isolation.” Use both.

The 46 screen source files

One-to-one with files in crates/ftui-demo-showcase/src/screens/:

3d_data.rs accessibility_panel.rs action_timeline.rs advanced_features.rs advanced_text_editor.rs async_tasks.rs code_explorer.rs command_palette_lab.rs dashboard.rs data_viz.rs determinism_lab.rs drag_drop.rs explainability_cockpit.rs file_browser.rs form_validation.rs forms_input.rs hyperlink_playground.rs i18n_demo.rs inline_mode_story.rs intrinsic_sizing.rs kanban_board.rs layout_inspector.rs layout_lab.rs log_search.rs macro_recorder.rs markdown_live_editor.rs markdown_rich_text.rs mermaid_mega_showcase.rs mermaid_showcase.rs mouse_playground.rs notifications.rs performance.rs performance_hud.rs quake.rs responsive_demo.rs shakespeare.rs snapshot_player.rs table_theme_gallery.rs terminal_capabilities.rs theme_studio.rs virtualized_search.rs visual_effects.rs voi_overlay.rs widget_builder.rs widget_gallery.rs theme_studio.rs (same file, one entry)

Pitfalls

FTUI_HARNESS_VIEW uses underscores, not dashes. If you try FTUI_HARNESS_VIEW=visual-effects, the lookup will miss and you’ll land at the default menu. Always use visual_effects.

Some screens expect a specific terminal capability. visual_effects and mermaid_showcase look best with 24-bit color (COLORTERM=truecolor). On mono-capable terminals they degrade but may not be visually meaningful.

The quake screen uses a global hotkey overlay. If your terminal emulator intercepts that hotkey (Quake-style consoles often use ~), the screen will appear not to respond. Check the in-screen help for the binding actually used.

Where next