Skip to content
native cook
Esc

Loading the catalog…

Merging Step Dots


The controls of a three-step onboarding flow, with a page per step above them (a soft tile with an icon, a title, two lines of text). The pager is one green pill that stretches from the first dot to the current one, turning each grey dot white as it swallows it. "Back" comes out from under the blue main button, which moves its left edge over to make room, and on the last step the button's label changes from "Continue" to "Finish" behind a white check that pops in.

Category
Onboarding
Added
Oct 13, 2026
Stacks
RN · Swift · Kotlin
Author
zero ↗

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.