Playground

Try the REA language live in your browser. Type REA markup in the editor below and see it rendered instantly by the <reast-player> 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-player> 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-player> 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