Phone Flow

Phone Flow walks through your app screens inside a phone frame: on each screen a tap ring pulses at the point you set, then the next screen slides, fades or pushes in.

Each screen is a component instance from your project with its own tap position and hold time, and screens without one show a built-in grey wireframe layout.

Autoplay starts once it is in view and pauses on hover, off screen or with the pause button, and the Framer canvas and reduced motion start on the last screen with no animation.

• Slide, fade or push transitions, looping in both directions or stopping at the last screen.

• Previous, pause and next buttons, progress dots, and arrow keys and Space when the frame has focus.

• Frame colour, frame thickness, screen radius, tap colour and tap size are all adjustable.

What you control

• Screens (component instance, label, tap X %, tap Y %, hold time 200–6000 ms)

• Transition (slide, fade, push), autoplay, loop

• Progress dots and previous, next and pause buttons on or off

• Tap colour and size (10–80 px), frame colour, frame thickness (2–36 px), screen radius (4–48 px)

Limits: the taps are an animation, not real input into your screens.