Trips
Kyoto in autumn is 58 days away and has no stay yet. Tap it in Upcoming.
Book A Stay SwiftUI Flow
Book the stay a trip still needs, from its recommendation through the booking card, checkout and a swipe to pay. 11 steps through Wayfare.
From the Travel App template, on the screens its Xcode project ships, in Studio, Editorial and Graphic, light and dark.
6 Screens11 Steps$199 once, every piece included. See how installing works · Sign in
Every step
The whole journey at once. Choose a step to play it above.
Steps 4 to 11 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.
- Trips
Kyoto in autumn is 58 days away and has no stay yet. Tap it in Upcoming.
- Kyoto In Autumn
The trip has its first day planned and free days around it. Under Stays, Machiya Kanade is recommended for these dates at $316 a night; tap it.
- Stay
The stay opens full screen: the house, its price and facts, what's there, and a floating bar with the total for the trip's dates.
- Your Stay
Reserve raises the booking card: check-in and check-out as blocks, nights and guests to adjust, and Continue with the total.
- The Month And The Price
Flicked up, the card shows November with the stay filled in and the breakdown: nights, cleaning, the service fee and taxes.
- Checkout
Checkout shows the stay and its dates, the saved card (tap it for the security code) and the total. Sliding is the only way to pay.
- Slide To Pay
The thumb follows your finger and the label fades under it. Past 80% of the track it arms; let go to pay.
- Paying
The slider locks while the payment runs. A failure would reset it and show the reason above it.
- You're Booked
The confirmation code at display size, the dates and what was paid, with a toast over it. View trip goes back to the trip.
- Booked
The trip now shows the stay confirmed with its code, and the check-in on day one at 3:00 PM.
- Receipt
The booking opens as a receipt: the code, dates and total, and Cancel booking until check-in.
Built from the library
The reusable screens this journey is made of. Each one installs on its own too.
More flows in Wayfare
The rest of the Travel App template, journey by journey.
Core Journeys in other apps
The same kind of journey, as other templates take it.