TodoMVC
defineStore, each, delegate + delegateCapture, and a localStorage round-trip via effect.
Complete apps
Nine runnable showcase apps. Each has its own page, an animated preview, and a one-click Run live below. They live under site/src/examples/complete/ as real projects (drop into a fresh project with kerfjs installed and they run — eight are Vite projects; the live poll is served as authored source with no build at all). Two more complete apps in that directory — an htmx-style cart island and a Redux-style counter store — are demonstrated inside the htmx and Redux migration guides instead.
The thumbnails are animated captures of the real apps running — click a card to open its page, or Run live to open the running demo. (Captured with domotion-svg; they animate inside the page and scale crisply.)
Live Markdown editor
computed memoized render, raw() + DOMPurify, data-morph-skip on the editor pane.
Mini Kanban
Keyed each across multiple parents, delegateCapture, and drag with data-morph-skip.
Chat UI
Streaming one signal write per chunk, a per-chunk each memo key, Tier 1 delegate() throughout.
Realtime dashboard
each at scale (500 rows), batch, a data-morph-skip chart canvas, effect for WS lifecycle.
Row selector
Fine-grained signal bindings — select with a bound class + detail pane, no render re-run or reconcile.
Live poll (no build step)
The html tagged template + an importmap — a complete app served as authored source, mounted once, forever.
Virtual list
bindList viewport virtualization (10,000 rows), debouncedSignal search, confirm() + toast().
Router
kerfjs/router — the "postcard router": :param routes, a keyed outlet(), link interception, real Back/Forward.