Playground

Try the Rea language live in your browser. Type Rea markup in the editor below and see it rendered instantly by the <reast-engine> web component.

Rea Source

# My First Story Welcome to the Rea playground! This is a simple branching story. Try editing it. {choice} {option} Explore the forest You walk into a dense forest. Birds sing above. The path splits in two. {choice} {option} Go left You find a hidden waterfall. Beautiful! {option} Go right You discover an old stone bridge crossing a stream. {end choice} {option} Visit the town The town square is bustling with people. A merchant waves you over. "Would you like to see my wares?" {choice} {option} Yes, show me The merchant reveals a collection of rare maps. {option} No, thanks You wave politely and continue walking. {end choice} {end choice} **The End.**

Preview

The player component loads at runtime. If you see this message, the <reast-engine> script is not available in this environment. Build and serve the docs with the player package linked to see a live preview.

How it works

The playground creates a <reast-engine> web component and feeds it your Rea source as a blob URL. The player parses the markup using @reast/engine and renders the interactive story directly in the browser.

Supported syntax

Everything from the Rea specification works in the playground:

• Plain text — paragraphs, headings, emphasis
• Choices — {choice} / {option} / {end choice}
• Variables — {set name = value}, {if condition}...{end if}
• Commands — {image}, {audio}, {timer}, {waypoint}, etc.
• Logic — expressions, built-in functions, string interpolation

Limitations

• No file access — commands like {image path.jpg} won't load files in the playground
• No GPS/NFC/sensors — hardware-dependent commands show placeholder UI
• No persistence — story state resets on each render