TodoMVC
defineStore, each, delegate + delegateCapture, and a localStorage round-trip via effect.
Complete apps
Eleven 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 — ten are Vite projects; the live poll is served as authored source with no build at all). The htmx cart island and the counter store are also the worked examples in the htmx and Redux migration guides.
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.
htmx cart island
A server-swapped shell kerf mounts after each swap — and both disposers called before the next one.
Counter store
Redux-style defineStore: sync actions, an async action with loading/error states, effect() persistence.
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.