Learn Aktion by actually building things.

Thirteen bite-size levels. A live editor with instant previews. XP, achievements, and exactly one dragon. By the end you'll write reactive UIs in a strict subset of JavaScript you already know — components, state, forms, effects, HTTP, styling and themes. No JSX. No bundler. No webpack config that gains sentience at 2 AM.

I prefer calm, quiet docs

13 levels — two louder than 11 ~25 min (one coffee) 1,300 XP to earn Progress auto-saved

Components & the trailing-object rule

Reactive state with $atoms

Layout: Column, Row & Grid

Real JS control flow

Actions & toasts

Forms & validation

Effects, timers & HTTP

sx styling & theming

LEVEL 1 +100 XP Completed

Your mission 0/0

level-1.aktion LIVE

🏆

Certificate of Aktion

Certified Aktion Hero

has defeated the dragon, shipped to prod on a Friday, and can now build reactive, themeable UIs with one tag and a fraction of the code.

"It works on my machine" — and, for once, on everyone else's too.

0XP earned

13/13Levels

0Hints used

—Time

Keep building in the playground

Side quests

The main quest is done. These optional bosses drop rare loot.

$router — multi-page appsHash-based routing, params, NavLink. No router library, obviously.

$store — global state + undo/redoPersistence to localStorage and time travel. Ctrl+Z as a feature.

LLM integrationStream Aktion straight from a model into live UI. The party trick.

All 275 componentsYou met maybe 20. The other 255 are waiting. No pressure.