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. Gauges follow each reading, the ring draws the CPU load, and the chart scrolls steadily while its tip eases to the next value. Reconnect keeps the sample history.
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 · policyInspect a signal with a following crosshair and tooltip, zoom and pan through the day, then play a ranked bar chart whose rows and values animate together.
follow · viewBox · pointer · timeline · staggerAn 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