Each page below is an F# component tree, rendered on .NET and hydrated in the browser. Its animations are created when an element is placed, reverted when its owner is disposed, driven by signals and published back as signals.
Cards enter and leave with presence, glide between lanes with FLIP, and drop into the lane you drag them to. Every change goes through one Elmish loop, so undo is a list of earlier boards.
Elmish · presence · flip · dragMetrics arrive from a core stream. A skeleton pulses until the first sample, gauges follow each reading, the ring draws the CPU load, the chart morphs to every new window, and the request rate counts up through a tracked tween.
stream · follow · draw · morph · track · boundaryA scroll-driven landing page rendered by the .NET server and hydrated strictly in the browser.
scroll · split · stagger · appear · SSRThrow the puck and a spring settles it; five followers trail it, each a step slower. The slider seeks a timeline through Reactive.scrub, and the switch writes the graph's motion policy.
drag · spring · follow · scrub · policyAn Elmish shell routes on the location hash. Every page is an arm that crosses over with presence, pinned in place while it leaves, and runs its own loop; the shell's layout and its tab indicator follow each change.
Elmish · hash routing · matchWith · presence · flip