Examples
Small, readable apps that build up from a single button to a complete five-package app.
Every example links to its source on GitHub, and most come with a step-by-step tutorial. Hosted live demos are on the way — for now the tutorials are the fastest way to run the code yourself.
Counter
BeginnerThe classic first app — a button that increments a number. The smallest complete Zoijs app.
Live Input
BeginnerType in a field and watch the page update on every keystroke — a one-line reactive binding.
Full Name
BeginnerCombine two inputs into a derived value with computed() — cached and recomputed only when its sources change.
Todo
IntermediateAdd, toggle, and remove items in a keyed list with each() — DOM nodes are reused as the list changes.
Reorder List
IntermediateMove items around and see how keyed each() preserves focus, input values, and scroll position while reordering.
Task Board
AdvancedA complete little app — routing, data loading, form actions, and per-page titles — using all five packages together in about 200 readable lines.
New to Zoijs?#
Start with the Counter tutorial and work down the Tutorials list, then read the Core Concepts. When you're ready for the full picture, the Task Board ties every package together.