Indentation-first
Write a component tree without closing tags. Spaces define structure and diagnostics point back to your source.
v0.2.7 · Alpha
Beast Developer Docs
Build apps fast. Even faster with machines.
Quick start
Read the guide Create a Beast App.
Fully configured pipeline
The Beast project creator wires the compiler, Octane, TSRX checking, your chosen bundler, and an Octane-native UI library into a project you can inspect end to end.
bun create beast@latest my-app Typed starter HMR ready Production build
The compiler
Small syntax. Native output.
Beast stays deliberately narrow: it makes templates compact, then gets out of the toolchain's way.
Write the structure
Indentation replaces closing tags while TypeScript stays beside the template it powers.
Card.btsxbtsx
props { user, messages }: Props .card h1 Welcome, #{user.name} ul.messages each message in messages key message.id li #{message.text}Card.tsrxtsrx
export default function Card({ user, messages }: Props) @{ <div className="card"> <h1>Welcome, {user.name}</h1> <ul className="messages"> @for (const message of messages; key message.id) { <li>{message.text}</li> } </ul> </div>}Why Beast
Built to remain transparent
Every layer is explicit—from the source you author to the TSRX Octane receives.
Native control flow
Conditions, keyed loops, switches, pending states, and catches compile to Octane operations.
Types stay intact
Props, imports, setup code, and embedded expressions remain TypeScript source for final validation.
Bring your bundler
Use Vite, Rspack, or Rsbuild with Octane, including HMR, SSR transforms, and production builds.
How it works
Follow the pipeline From source to browser
01.btsxSource
02ParserIndentation
03Beast ASTSource-located
04.tsrxReadable output
05OctaneValidation
06BundlerVite / Rspack / Rsbuild
Explore the docs
Everything you need to build and migrate
Learn the language, equip your agent, use the tooling, connect integrations, and explore tested examples.
Start here
Create your first Beast app
Choose Vite, Rspack, or Rsbuild plus an Octane-native UI library.
Language
Elements and nesting
Learn selectors, attributes, text, interpolation, and roots.
Skills
Migrate React to Beast
Audit and port complete React applications while preserving behavior and routes.
Tooling
CLI reference
Compile components and build mixed BTSX and TSRX source trees.
Integrations
Bundler integrations
Connect Beast and Octane to Vite, Rspack, or Rsbuild.
Examples
BTSX to TSRX examples
Compare tested Beast source with the readable TSRX it generates.
Project status
Early, focused, and tested
Beast v0.2.7 is alpha software with a deliberately narrow language. The compiler, project builder, bundler integrations, and creator work today; the public API may still evolve.
Read project status