Illustrative · 2 min to explore
Interactive architecture
Explore an illustrative search request with an interactive, step-by-step flow player.
Explore the flow demoLab
Small, interactive explanations of software behavior. Explore a scripted search request with a step-by-step flow player.
Illustrative · 2 min
Concept and implementation
Compare a visual exploration with the Flow Player implementation. Move the divider to reveal both interfaces.
Explore: Concept and implementationReleased component · 2 min
Interface anatomy
Explore three annotated layers of the released Flow Player interface.
Explore: Interface anatomyReleased contract · 3 min
Decisions and tradeoffs
Four design decisions behind Flow Player, with their options and consequences.
Explore: Decisions and tradeoffsYour own sample · 3 min
Build a flow
Create, validate and play your own request flow.
Explore: Build a flowIllustrative · 2 min
State simulator
Explore recovery and keep stale requests from winning.
Explore: State simulatorReal site behavior · 2 min
Keyboard explorer
Follow focus through native controls and a modal dialog.
Explore: Keyboard explorerReal interaction · 2 min
Motion laboratory
Compare timing, easing and reduced-motion behavior.
Explore: Motion laboratory