Checking extension…

FlowR Playground

Try FlowR without installing anything. Record interactions on the practice surfaces below, then replay them instantly. Your recordings are stored locally in this browser only.

Recorder controls

Loading recorder…

My recordings

No recordings yet. Start one above, interact with the practice surfaces below, then stop to save.

Practice surfaces

1

Button interactions

Click each button and watch the counter update. Replay should reproduce the clicks in the same order.

2

Form lab

Fill in the fields, choose options, and submit. Use the Reset button to restore the blank state for a clean replay.

While recording, right-click this dropdown and choose Add instruction to explain which role should be selected.

Plan

Right-click a radio option while recording to add an instruction before selecting the plan.

Right-click the checkbox while recording to add context before toggling it.

3

Keyboard and secure inputs

Move through the fields with Tab or Shift+Tab, type into the password field, then press Enter to submit.

Password input is recorded as a protected password step; the replay flow does not store the typed password value.

Last keyboard event: No keyboard step yet

Status: Ready

4

Scroll lane

Scroll horizontally through the checkpoints and click targets across the full lane. Replay verifies long-distance scrolling and click recovery.

5

Hover targets

Right-click a target while recording and choose Record hover, then hover the same target to capture the hover step.

Active hover target: None

6

Custom context menu

Right-click the surface to open the page menu. While recording, choose Record right click from the FlowR right-click menu to capture a context-click step.

The page menu and FlowR menu can both appear during recording; use the FlowR Record right click action for the workflow step.

Workflow row: onboarding checklist

Right-click inside this area to open a custom menu with actions that resemble a dense app surface.

Owner: ProductStatus: DraftPriority: Medium

Last custom menu action: No custom action selected

7

Conditional visibility

Use the visible and fallback panels to practice advanced skip conditions for elements that appear and disappear.

To add an advanced condition, record a step in one panel, open the FlowR panel, expand Advanced for that step, choose element-visible or element-not-visible, pick a target element, then choose a later step to jump to.

Panel hidden

Fallback panel is visible

Use this as the target for an element-visible condition when the optional panel is closed.

8

Moving targets

Record clicks, change the order or density, then replay to check that stable selectors still find the intended targets.

Selected moving target: None

Official recordings

Public recordings for this playground, shared by the FlowR team.

Loading official recordings…