Skip to content
native cook
Esc

Loading the catalog…

Rail To Bar Morph


One white navigation surface on a blue field that exists in three shapes: a labelled list of seven destinations, a narrow icon rail and a bottom bar of five icons. The surface itself morphs from one shape to the next, and every icon is the same view all the way: it flies from its row in the column to its place in the bar along a curve, so that mid-way the icons lie on a diagonal across a large white card. The current destination has a capsule in the list and is tinted in the rail and the bar, where a tapped icon hops and fills; the field behind shows the destination's name over three cards.

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

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.