LouFlow practice site
Six training stands to record and replay interactive guides. Nothing here talks to a server — record freely, break nothing.
Selectors are stable: interactive elements keep their data-lf-* attributes across changes.
Training stands
Basics
Buttons, inputs, selects, checkboxes, radios and a date field — single-action steps.
Open stand →Forms
A multi-field form with validation and submit — a step-by-step fill-in scenario.
Open stand →Table with actions
Rows with buttons, search and pagination.
Open stand →Navigation
Menus, tabs, modal windows and dropdowns.
Open stand →Mini-CRM
Linked pages: client list, client card and an add-client form.
Open stand →Dynamic content
Elements that appear on a delay or on click — how the player waits.
Open stand →Complex widgets
A Fluent-style combobox, a lookup with search and a date picker — options live in ephemeral portals with unstable ids.
Open stand →Selector minefield
Shadow DOM, iframes, a virtualized list, hover menus, canvas buttons, identical rows and hashed classes — hostile markup with no data-lf hooks.
Open stand →