Step 01 / 12Small Things, Every Day

Cadence opens on three welcome pages, each a block with its own symbol. Continue moves on; Skip goes straight to reminders.

OnboardingStackBuilt onWelcomeOnboarding

Flow · Cadence · Onboarding

First Run SwiftUI Flow

A complete SwiftUI onboarding flow, not just one screen. It's 12 intentional steps from welcome to permissions and sign in. You can reorder them, rewrite the copy, and open it in Xcode ready to ship.

From the Subscription App template, on the screens its Xcode project ships, in Candy, Studio and Graphic, light and dark.

SwiftUIiOS 17.0+subscription-app

7 Screens12 Steps

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 12 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

  1. 01
    Small Things, Every Day

    Cadence opens on three welcome pages, each a block with its own symbol. Continue moves on; Skip goes straight to reminders.

  2. 02
    Streaks That Forgive

    The second page explains streak freezes. The pill above the button fills as the pages go by.

  3. 03
    See What's Working

    On the last page Skip goes away and Continue becomes Get started.

  4. 04
    Reminders

    Cadence asks for reminders with three promises: timed to each habit, quiet from 9 PM to 7 AM, off in one tap. Allow reminders makes the request; Not now skips it.

  5. 05
    Allow Notifications

    iOS asks over the step while its button waits. Allow turns reminders on; Don't Allow shows Reminders are off, with Open Settings and Continue.

  6. 06
    Reminders

    With notifications allowed, the bell turns to a check and Reminders are on shows for a moment before the step moves on.

  7. 07
    Sign In

    An account keeps streaks safe on a new iPhone. Sign in with Apple, or continue without an account and keep everything on this iPhone.

  8. 08
    Sign In With Apple

    Apple's sheet shares Sam's name and email with Cadence. Continue signs in and moves on to the paywall.

  9. 09
    Cadence Pro

    Cadence Pro lists what it adds and offers Yearly with a seven-day trial, or Monthly. The close button carries on with the free plan.

  10. 10
    Cadence Pro

    Start free trial buys the yearly plan, and the button reads Purchasing until the App Store confirms it.

  11. 11
    Cadence Pro

    A ring draws and a check lands, then the paywall closes and first run is over.

  12. 12
    Today

    Cadence opens on Today and greets Sam: three of six habits done, a 42-day streak and three habits up next.