Get started

Beast overview

Beast is an indentation-first component language that compiles readable BTSX into native TSRX for Octane.

source

Beast is a small, source-located compiler for authoring TSRX components without closing tags. It owns a compact authoring layer, then hands generated TSRX to Octane and the selected Vite, Rspack, or Rsbuild toolchain.

It does not replace TypeScript, TSRX, Octane, or your bundler. Embedded TypeScript stays intact, generated output stays inspectable, and Octane remains the authority for runtime compilation.

CapabilityWhat it gives you
BTSX compilerIndentation-based components compiled to native TSRX
Native control flowOctane conditions, loops, switches, and boundaries
Project builderRecursive mixed BTSX and TSRX source trees
Bundler integrationsVite, Rspack, and Rsbuild pipelines with development and production builds
DiagnosticsStable codes with filenames, source spans, and hints

A Beast component mixes normal TypeScript declarations with an indentation-defined template. Selector shorthand follows familiar CSS notation.

src/Greeting.btsxbtsx
props { name }: { name: string } main.greeting  h1 Hello, #{name}  p Built with Beast and Octane.