Mobile UI design

Circle reveal · open from where you tapped

Switching tabs doesn't swap the page: a thin blue ring spreads from your finger, and the next page grows out of that same spot as a circle until it fills the screen — here the dark Habits page with its streak grid. Go back and the first page grows back out of its own tab the same way.

What it is

Changing tabs as a circle that grows from your fingertip until the new page fills the screen, and grows back the same way when you return. It keeps people oriented — the new screen visibly comes from what they touched.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 第 14 集「6 个高级交互和控件 Six Touches, One Small App」 · 06 圆形扩散转场 Circle Reveal · 0:31–0:35 (3× playback)