Skip to content
native cook
Esc

Loading the catalog…

Route Progress Card


A route planner that unfolds from two small dark pills on a light grey screen, "From Alder Park" and "To Coral Bay", with a violet "Go" button between them. Go merges the pills into a near-black card with a coloured glow across its top: a header with the leg's icon and name, a small progress ring and an outlined "Next Step" pill, the distance and the time in large light figures, a drawing of the leg (a thick track with a glowing knob for Walking, a road in perspective for Driving, an arc with a travelling dot for Flight) and the next two stops beside two small photos. The other legs wait as pills above and below the card, each in its own colour, and after the last one the card folds back into the two pills around a "Done" button.

Category
Cards
Added
Oct 12, 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.