Where Stories Become Code

Learn programming fundamentals through storytelling

Build stories.
Arrange logic.
Watch code appear.

CodeLoom is an interactive learning experience that teaches core programming concepts using a simple idea: programming is like writing a story. Instead of starting with syntax, you start with narrative intent — then transform it into structured logic blocks.

How it works Why CodeLoom

Story-first learning Turn “every morning…” into loops, “if this happens…” into conditionals, and character traits into variables.

Visual blocks → readable code Compose actions as blocks, group them into events, and instantly see the generated code and story output.

AI-powered challenges The AI proposes situations and new constraints as the story evolves, creating a natural learning progression.

Why CodeLoom

A minimal, elegant way to learn the mental model of programming — without the intimidation of starting from raw code.

🧠 Concepts that stick

Learn the “why”, not just the “how”

CodeLoom teaches the thinking behind programming: sequence, conditions, repetition, events, and functions — expressed through narrative patterns your brain already understands.

🧩 Structured creativity

Creativity guided by constraints

The AI and the block system gently constrain your story into logical steps, so creativity turns into a structured program — the same shift real developers make.

🔁 Learn by iteration

Edit, re-run, and improve

Change a block, switch an element, rewrite a description, and see how the resulting story and code evolve. Learning happens through fast, friendly feedback loops.

How it works

From a narrative idea to a working “program” in a few clear steps.

Create a new story

Pick a theme (fantasy, detective, space...) and start a story world with characters, places, and objects. These three programming elements are editable, and you can create new custom elements to personalize the experience.

Build events

Events are narrative moments that group related actions — like chapters or scenes that trigger part of your program.

Add blocks (actions)

Choose an element, choose a function, and optionally write a narrative line. CodeLoom turns that into readable code.

See the result in the Magic Mirror

Run the sequence: watch the story unfold and inspect the generated code side-by-side for instant understanding.

Edit existing blocks

Refine the logic by updating blocks, rewriting descriptions, and tailoring the sequence to better fit your story.

Create new programming elements

Add custom elements you can reuse in your story, so your narrative can grow with new characters, objects, and behaviors.

Languages

Use the interface in three languages and create stories in five.

🌐 Interface translations

English, French, and Spanish

CodeLoom’s interface is fully translated into English, French, and Spanish, so learners can navigate the app in their preferred language.

✍️ Stories in 5 languages

Spanish, English, French, Chinese, and Hindi

You can write stories in any of the five languages above, even if your interface is set to another one. It’s not a language-learning app, but it can help you practice by creating stories across languages.

Screenshots

A quick tour of the core screens: stories, blocks, editing, and the story output.

Stories list screen — **Stories** — create and manage your story worlds, switch languages, and continue where you left off.

Blocks screen with events and actions — **Blocks & Events** — group actions into events and compose your program visually.

Edit block screen: choose element and function — **Edit Block** — select an element, pick a function, and optionally write your own narrative description.

Story output screen showing the generated narrative — **Story Output** — read the story that your blocks generate, like a playable narrative.

Magic Mirror showing code and story explanation — **Magic Mirror** — run the story and view the generated code, with explanations to connect narrative intent and logic.

FAQ

Common questions from people who want to learn (or teach) programming with CodeLoom.

🎯 Who is it for?

Beginners, kids, and curious adults

CodeLoom is designed for anyone who wants a friendly entry point: students, self-learners, and teachers.

🧵 Why “Loom”?

Because you weave logic

You assemble narrative threads (events + blocks) into a coherent structure — like weaving a story into a program.

🧪 What do I actually learn?

The core mental model

Sequence, functions, events, variables, conditions, and loops — learned through story patterns instead of scary syntax first.

Ready to learn by creating stories?

Download CodeLoom from the App Store.

Download on the App Store Back to top