# RTXUI

> RTXUI is a C++23 library for terminal user interfaces. A component is a C++
> class whose HTML template and CSS live in a string member; bound members are
> interpolated with `{name}`, and the interface updates when they change.

Before writing RTXUI code, read "Common Mistakes": RTXUI templates are not Vue
or React. `{}` holds a bound name, never an expression; conditions and loops
use `if="{name}"` and `<for each="{list}" as="item">`; handlers are
`onclick="Method"`; CSS lengths are terminal cells. Run an app with
`RTXUI_STRICT=1` to fail on anything RTXUI would silently ignore, and with
`RTXUI_HEADLESS=80x24` to print its screen as text.


## Start

- [Getting Started](https://arthursonzogni.github.io/RTXUI/guide/getting-started.html)
- [Hello World](https://arthursonzogni.github.io/RTXUI/guide/hello-world.html)
- [Reactivity](https://arthursonzogni.github.io/RTXUI/reactivity.html)
- [Common Mistakes](https://arthursonzogni.github.io/RTXUI/guide/common-mistakes.html)
- [Playground](https://arthursonzogni.github.io/RTXUI/playground.html)

## Templates

- [Interpolation](https://arthursonzogni.github.io/RTXUI/guide/interpolation.html)
- [Event Handlers](https://arthursonzogni.github.io/RTXUI/guide/bindings.html)
- [Conditional Rendering](https://arthursonzogni.github.io/RTXUI/guide/conditionals.html)
- [Loops & Lists](https://arthursonzogni.github.io/RTXUI/guide/loops.html)
- [Form Elements](https://arthursonzogni.github.io/RTXUI/guide/forms.html)
- [Keyboard Focus & Navigation](https://arthursonzogni.github.io/RTXUI/guide/html/focus.html)

## Styling

- [Basics & Selectors](https://arthursonzogni.github.io/RTXUI/guide/css/basics.html)
- [Box Model & Dimensions](https://arthursonzogni.github.io/RTXUI/guide/css/box-model.html)
- [Flexbox](https://arthursonzogni.github.io/RTXUI/guide/css/flexbox.html)
- [Grid](https://arthursonzogni.github.io/RTXUI/guide/css/grid.html)
- [Positioning & Layers](https://arthursonzogni.github.io/RTXUI/guide/css/positioning.html)
- [Typography](https://arthursonzogni.github.io/RTXUI/guide/typography.html)
- [Scrolling](https://arthursonzogni.github.io/RTXUI/guide/scrolling.html)
- [Transitions & Hover States](https://arthursonzogni.github.io/RTXUI/guide/css/animations.html)
- [Media Queries](https://arthursonzogni.github.io/RTXUI/guide/css/media-queries.html)

## Components in C++

- [Creating Components](https://arthursonzogni.github.io/RTXUI/guide/cpp/components.html)
- [Slots & Composition](https://arthursonzogni.github.io/RTXUI/guide/cpp/slots.html)
- [State Bindings & Reflection](https://arthursonzogni.github.io/RTXUI/guide/cpp/bindings.html)
- [Navigating the DOM](https://arthursonzogni.github.io/RTXUI/guide/cpp/dom.html)
- [Screen & Lifecycle](https://arthursonzogni.github.io/RTXUI/guide/cpp/lifecycle.html)

## Going Further

- [HTML/CSS Hot-Reloading](https://arthursonzogni.github.io/RTXUI/guide/hot-reload.html)
- [Diagnostics](https://arthursonzogni.github.io/RTXUI/guide/diagnostics.html)
- [Headless Rendering](https://arthursonzogni.github.io/RTXUI/guide/headless.html)
- [Coding Agents](https://arthursonzogni.github.io/RTXUI/guide/coding-agents.html)
- [Editor Syntax Highlighting](https://arthursonzogni.github.io/RTXUI/guide/editor-setup.html)
- [Playground Guide](https://arthursonzogni.github.io/RTXUI/guide/playground.html)
- [Unicode & CJK](https://arthursonzogni.github.io/RTXUI/guide/unicode.html)
- [Markdown](https://arthursonzogni.github.io/RTXUI/guide/markdown.html)
- [Cookbook](https://arthursonzogni.github.io/RTXUI/guide/cookbook.html)
- [Examples](https://arthursonzogni.github.io/RTXUI/guide/examples.html)

## Reference

- [HTML Elements](https://arthursonzogni.github.io/RTXUI/html_reference.html)
- [CSS Properties](https://arthursonzogni.github.io/RTXUI/css_reference.html)
- [C++ API](https://arthursonzogni.github.io/RTXUI/cpp_api.html)