Skip to content
native cook
Esc

Loading the catalog…

Liquid Swipe Onboarding


Four onboarding pages for an invented volcano-trekking app, Caldera, each a bold full-bleed colour (lava orange, basalt black, ash peach, oxide red) with a photo in a tall arch, a heavy condensed two-line headline, a short line of copy and page dots. A smooth bump of the next page's colour sticks out of the right edge with a small chevron, and the previous page waits the same way on the left. Dragging pulls the next page after the finger as a liquid wave whose bulge follows the finger and widens as it goes; past a third of the width it sweeps across and fills the screen with a springy overshoot, and an early release lets the liquid fall back into its tab. The last page ends with a "Pick a volcano" button.

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

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.