Wayfare: Travel App in SwiftUI
Setup guide for Wayfare, a complete Travel App Xcode project in SwiftUI. Install, rename and theme version 1.0.0.
Wayfare is a complete Travel App in SwiftUI: an Xcode project you rename and ship. Wayfare, a trip planning and booking app: a complete Xcode project with guides, a map of nearby places, day-by-day itineraries, stay booking, widgets and three brand presets. This guide takes you from download to a running, renamed app. It covers version 1.0.0. See the screens on its library page.
Requirements
- Xcode 26 and an iOS 17.0 or later deployment target
- Tuist 4 (
brew install tuist) - An Apple Developer team for devices, App Groups and Sign in with Apple. The simulator runs without one.
Install
Download
Included with SwiftPieces Pro. Not signed in? The button takes you to sign in or create an account, then starts the download when you're back. Unzip the archive; it contains one folder, Wayfare/.
Make it yours
cd Wayfare
scripts/setup.sh --name YourApp --bundle-id com.you.yourapp --preset wayfare-editorialThe script rewrites the project configuration, renames the paywall product ids, renders the app icon in the chosen preset and runs tuist generate.
Run it
Open YourApp.xcworkspace, choose an iPhone simulator and run the YourApp scheme. The first launch loads sample data so every screen has content.
Screens and flows
Wayfare ships 20 screens, joined by 4 flows. Play each flow step by step on the site:
- First Run: onboarding, 14 steps. Three welcome pages, location, an account with Apple or a verified phone number, and Wayfare Plus, then Discover.
- Plan A Trip: core journey, 14 steps. Find a guide with search, plan it into Trips, then fill today's plan from the map.
- Book A Stay: core journey, 11 steps. Book the stay a trip still needs, from its recommendation through the booking card, checkout and a swipe to pay.
- Profile And Settings: profile and settings, 12 steps. Trip updates, travel preferences, saved places, Theme, Wayfare Plus and signing out, from the Profile tab.
Every screen is a SwiftUI view in the project. Search for its type to find the file.
| Screen | SwiftUI view | Where |
|---|---|---|
| Welcome | OnboardingStack | First run |
| Location | PermissionSheet | First run |
| Your Account | AccountStep | Account and subscription |
| Phone Sign-In | PhoneVerifyView | Account and subscription |
| Wayfare Plus | PaywallView | Account and subscription |
| Discover | DiscoverScreen | Tabs |
| Explore | ExploreScreen | Tabs |
| Trips | TripsScreen | Tabs |
| Search | WayfareSearch | Details and sheets |
| Guide | DestinationScreen | Details and sheets |
| Trip | TripDetailScreen | Details and sheets |
| Place | PlaceDetailScreen | Details and sheets |
| Stay | StayScreen | Details and sheets |
| Checkout | CheckoutScreen | Details and sheets |
| Booking Confirmed | BookingConfirmationView | Details and sheets |
| Booking | BookingScreen | Details and sheets |
| Saved Places | SavedPlacesScreen | Details and sheets |
| Profile | WayfareSettingsScreen | Profile and settings |
| Home Airport | SettingsPickerList | Profile and settings |
| Theme | ThemeSettingsView | Profile and settings |
Rebrand options
| Option | What it sets |
|---|---|
--name | Target, scheme and product name. Letters and digits. |
--bundle-id | The bundle id. The widget, modules, tests and the App Group derive theirs from it. |
--display-name | The name under the icon. Copy that mentions the app reads it at runtime. |
--team | Your Apple Developer team id. |
--preset | The starting brand preset. Also re-renders the app icon. |
--product-prefix | App Store Connect product id prefix. Defaults to the bundle id plus .pro. |
The values live in Tuist/ProjectDescriptionHelpers/AppConfig.swift if you prefer to edit them by hand.
Theming
Wayfare reads every color, type size, radius and animation from @Environment(\.spTheme). Its three presets are three different scheme families, so switching changes the whole look: ground, surfaces, color blocks, type and shape. People switch presets and appearance in Settings > Theme, and the widget follows.
| Preset | Id | Look | Type |
|---|---|---|---|
| Studio | wayfare-studio | Charcoal and pastel blocks, light giant numerals. | Inter |
| Editorial | wayfare-editorial | Serif headlines over scenery, ink and paper. | New York |
| Graphic | wayfare-graphic | Concrete grey, flat primaries, heavy type. | Space Grotesk |
- Blocks:
theme.color.tilesholds each family's solid block colors with the ink that reads on them. Use them for categories, charts and highlights, and keep the accent for the primary action. - Numbers and display type:
theme.type.numeral(64)andtheme.type.display(40)set any size in the family's style, scaling with Dynamic Type. - Backdrop:
SPBrandBackdropdraws the family's motif (contours, scenery, shapes, blobs, rings, the Pearl haze, Confetti's sprinkles or Prism's luminous field) behind hero surfaces. - Liquid Glass:
.spGlassuses glass on iOS 26, Material on iOS 17 and 18, and an opaque surface under Reduce Transparency.
To build your own brand, start from the preset closest to it in BrandPresets.swift, copy it, and change its colors; every role and block pairing should keep 4.5:1 contrast. For a quick start from hues, SPBrandConfiguration.custom(...) builds an accessible palette from three OKLCH hues.
Purchases and accounts
PurchaseStorehandles StoreKit 2: products, purchase, restore and transaction updates. The scheme runs withConfiguration/Products.storekit, so purchases work in the simulator before App Store Connect is set up.- Create the products in App Store Connect with the ids in the project's catalog (the product prefix plus
.yearlyand.monthly). AccountStoresigns in with Apple and keeps the account in the Keychain. People can also continue without an account.- Data lives in SwiftData inside the App Group, so the widget reads the same store. Replace the sample data by conforming your own type to the repository protocol.
Launch arguments
Debug builds accept these arguments for demos and screenshots. Release builds ignore them.
| Argument | Effect |
|---|---|
-SPMockStore | Local purchases with the same plans |
-SPMockAccount | A signed-in sample account |
-SPSkipOnboarding | Open on the home screen |
-SPResetOnboarding | Run first launch again |
-SPResetData | Reseed the sample data |
-SPTab followed by a tab id | Open a tab |
-SPPresent paywall | Present the paywall |
-SPPreset wayfare-editorial | Start with a preset |
-SPAppearance dark | Force light or dark |
Changelog
1.0.0
2026-09-17
- Tuist project with feature modules (Onboarding, Discover, Explore, Trips, Settings) on a shared DesignSystem.
- One-command setup: name, bundle id, team, product ids, brand preset and app icon.
- Brand presets Studio (default), Editorial and Graphic with Inter, New York and Space Grotesk display type, switchable in Profile.
- First run with a location step, phone verification or Sign in with Apple, and a StoreKit 2 paywall with a
.storekitconfiguration and a mock store for demos. - Discover with an expanding cover story, destination guides and search across destinations, places and trips.
- Explore with a drawn city map under a detent sheet, place details and saved places.
- Trips with today's plan, a day-by-day itinerary, stays with a floating booking card, checkout on a saved card with swipe to pay, and booking receipts with cancellation.
- Trip updates on a toast stack and "starts tomorrow" alerts.
- SwiftData persistence in an App Group for trips, itinerary items, saved places and bookings, with sample data and a repository protocol.
- Next Trip (small, medium, Lock Screen) and Today's Plan (medium, large) widgets with interactive check-offs.
- Light and dark mode, Dynamic Type through the accessibility sizes, VoiceOver labels, Reduce Motion and Reduce Transparency.
- String catalog, unit tests and a first-run UI test.