# RazorConsole

> High-performance Blazor TUI framework, built on top of [Spectre.Console](https://spectreconsole.net).


## Documentation Guides

- [Quick Start](https://razorconsole.github.io/RazorConsole/raw/docs/quick-start.md)
- [Built-in Components](https://razorconsole.github.io/RazorConsole/raw/docs/built-in-components.md)
- [Hot Reload](https://razorconsole.github.io/RazorConsole/raw/docs/hot-reload.md)
- [Routing](https://razorconsole.github.io/RazorConsole/raw/docs/cli-routing.md)
- [Native Ahead-of-Time Compilation](https://razorconsole.github.io/RazorConsole/raw/docs/native-aot.md)
- [Custom Translators](https://razorconsole.github.io/RazorConsole/raw/docs/custom-translators.md)
- [Absolute Positioning & Z-Index](https://razorconsole.github.io/RazorConsole/raw/docs/zindex.md)
- [Keyboard Events](https://razorconsole.github.io/RazorConsole/raw/docs/keyboard-events.md)
- [Focus Management](https://razorconsole.github.io/RazorConsole/raw/docs/focus-management.md)
- [VDom Tree Debugging](https://razorconsole.github.io/RazorConsole/raw/docs/vdom-debugging.md)
- [Component Gallery](https://razorconsole.github.io/RazorConsole/raw/docs/component-gallery.md)

## Components API

- [Align](https://razorconsole.github.io/RazorConsole/raw/components/align.md): Wraps child content in an alignment container.
- [Border](https://razorconsole.github.io/RazorConsole/raw/components/border.md): Creates a bordered panel around its children.
- [BarChart](https://razorconsole.github.io/RazorConsole/raw/components/barchart.md): Renders a horizontal bar chart with optional label, colors and value display.
- [BreakdownChart](https://razorconsole.github.io/RazorConsole/raw/components/breakdownchart.md): Displays a breakdown chart showing proportional data.
- [Columns](https://razorconsole.github.io/RazorConsole/raw/components/columns.md): Arranges children in columns.
- [Figlet](https://razorconsole.github.io/RazorConsole/raw/components/figlet.md): Renders ASCII art text.
- [Grid](https://razorconsole.github.io/RazorConsole/raw/components/grid.md): Arranges children in a grid layout.
- [ModalWindow](https://razorconsole.github.io/RazorConsole/raw/components/modalwindow.md): Renders a modal in a dialog.
- [Markdown](https://razorconsole.github.io/RazorConsole/raw/components/markdown.md): Renders markdown content.
- [Markup](https://razorconsole.github.io/RazorConsole/raw/components/markup.md): Renders styled text with markup.
- [Padder](https://razorconsole.github.io/RazorConsole/raw/components/padder.md): Adds padding around its children.
- [Panel](https://razorconsole.github.io/RazorConsole/raw/components/panel.md): Creates a bordered panel with optional title.
- [Rows](https://razorconsole.github.io/RazorConsole/raw/components/rows.md): Arranges children in rows.
- [Scrollable](https://razorconsole.github.io/RazorConsole/raw/components/scrollable.md): Provides scrollable content area.
- [ViewHeightScrollable](https://razorconsole.github.io/RazorConsole/raw/components/viewheightscrollable.md): Provides scrollable content area that scrolls through physical lines of any content. Has all functionalities of default Scrollable.
- [Select](https://razorconsole.github.io/RazorConsole/raw/components/select.md): Interactive dropdown for choosing a value with keyboard navigation.
- [StepChart](https://razorconsole.github.io/RazorConsole/raw/components/stepchart.md): Renders a terminal step chart using Unicode box-drawing characters. Perfect for displaying discrete value changes over time or categories.
- [SyntaxHighlighter](https://razorconsole.github.io/RazorConsole/raw/components/syntaxhighlighter.md): Renders highlighted code blocks with SyntaxHighlightingService.
- [Spinner](https://razorconsole.github.io/RazorConsole/raw/components/spinner.md): Shows a Spectre spinner with optional message.
- [SpectreCanvas](https://razorconsole.github.io/RazorConsole/raw/components/spectrecanvas.md): Renders an array of pixels with different colors.
- [Newline](https://razorconsole.github.io/RazorConsole/raw/components/newline.md): Emits a single line break. No parameters.
- [Table](https://razorconsole.github.io/RazorConsole/raw/components/table.md): Renders a data table.
- [TextInput](https://razorconsole.github.io/RazorConsole/raw/components/textinput.md): Single-line text input field.
- [TextButton](https://razorconsole.github.io/RazorConsole/raw/components/textbutton.md): Interactive button component.
- [FlexBox](https://razorconsole.github.io/RazorConsole/raw/components/flexbox.md): Lays out children using a CSS-like flexbox model with configurable direction, justification, alignment, wrapping, and gap.