Built-in Components

RazorConsole ships with 20+ ready-to-use components that wrap Spectre.Console constructs, designed to build beautiful TUI applications effortlessly.

Layout

Align

Wraps child content in an alignment container.

View Details
Display

Border

Creates a bordered panel around its children.

View Details
Display

BarChart

Renders a horizontal bar chart with optional label, colors and value display.

View Details
Display

BreakdownChart

Displays a breakdown chart showing proportional data.

View Details
Layout

Columns

Arranges children in columns.

View Details
Display

Figlet

Renders ASCII art text.

View Details
Layout

Grid

Arranges children in a grid layout.

View Details
Display

ModalWindow

Renders a modal in a dialog.

View Details
Display

Markdown

Renders markdown content.

View Details
Display

Markup

Renders styled text with markup.

View Details
Layout

Padder

Adds padding around its children.

View Details
Display

Panel

Creates a bordered panel with optional title.

View Details
Layout

Rows

Arranges children in rows.

View Details
Layout

Scrollable

Provides scrollable content area.

View Details
Layout

ViewHeightScrollable

Provides scrollable content area that scrolls through physical lines of any content. Has all functionalities of default Scrollable.

View Details
Input

Select

Interactive dropdown for choosing a value with keyboard navigation.

View Details
Display

StepChart

Renders a terminal step chart using Unicode box-drawing characters. Perfect for displaying discrete value changes over time or categories.

View Details
Display

SyntaxHighlighter

Renders highlighted code blocks with SyntaxHighlightingService.

View Details
Utilities

Spinner

Shows a Spectre spinner with optional message.

View Details
Display

SpectreCanvas

Renders an array of pixels with different colors.

View Details
Utilities

Newline

Emits a single line break. No parameters.

View Details
Display

Table

Renders a data table.

View Details
Input

TextInput

Single-line text input field.

View Details
Input

TextButton

Interactive button component.

View Details
Layout

FlexBox

Lays out children using a CSS-like flexbox model with configurable direction, justification, alignment, wrapping, and gap.

View Details