Swift PiecesPro

Wayfare Template

Install, rebrand and theme Wayfare, the Travel App template. Version 1.0.0.

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 Swift Pieces 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-editorial

The 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.

Rebrand options

OptionWhat it sets
--nameTarget, scheme and product name. Letters and digits.
--bundle-idThe bundle id. The widget, modules, tests and the App Group derive theirs from it.
--display-nameThe name under the icon. Copy that mentions the app reads it at runtime.
--teamYour Apple Developer team id.
--presetThe starting brand preset. Also re-renders the app icon.
--product-prefixApp 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.

PresetIdLookType
Studiowayfare-studioCharcoal and pastel blocks, light giant numerals.Inter
Editorialwayfare-editorialSerif headlines over scenery, ink and paper.New York
Graphicwayfare-graphicConcrete grey, flat primaries, heavy type.Space Grotesk
  • Blocks: theme.color.tiles holds 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) and theme.type.display(40) set any size in the family's style, scaling with Dynamic Type.
  • Backdrop: SPBrandBackdrop draws the family's motif (contours, scenery, shapes, blobs or rings) behind hero surfaces.
  • Liquid Glass: .spGlass uses 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

  • PurchaseStore handles StoreKit 2: products, purchase, restore and transaction updates. The scheme runs with Configuration/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 .yearly and .monthly).
  • AccountStore signs 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.

ArgumentEffect
-SPMockStoreLocal purchases with the same plans
-SPMockAccountA signed-in sample account
-SPSkipOnboardingOpen on the home screen
-SPResetOnboardingRun first launch again
-SPResetDataReseed the sample data
-SPTab followed by a tab idOpen a tab
-SPPresent paywallPresent the paywall
-SPPreset wayfare-editorialStart with a preset
-SPAppearance darkForce 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 .storekit configuration 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.

On this page